网易微专业-页面架构 页面优化

1、减少请求
图片合并
CSS文件合并

2、减少文件大小
选择合适的格式。压缩图片。
减小CSS文件大小：CSS值缩写；省略值为0的数值；颜色值最短。
CSS选择器合并
文件压缩

3、页面性能
加载顺序
减少标签数量
选择器长度
避免耗性能属性：如expression。
图片设置宽高
尽量用CSS来实现表现

4、可读性，可维护性
规范
语义化
尽量避免Hack
模块化
注释

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,846评论 1赞 92
  • 最全面的网站优化前端解决方案都在这里
    网站优化离不开前后端的互相协作，但是对于前端工程师来说，在保证后端技术方案不变时，能不能只利用前端技术来优化网站呢...
    留七七阅读 6,422评论 0赞 31
  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,143评论 25赞 709
  • 《十年》
    失败者本是无缘诉说，今写一段瞎话，不求有心人引以为傲，应谨记于心明辨是非曲直。 1.军训 09年中考结束后，回到家...
    06a74085ad72阅读 190评论 0赞 0
  • 我一点都没有想念你
    Hi, 好久不见。 其实并没有好久，不过一周多一点而已。 你过得好不好？ 没有见到你的原因，是你这周的周三到周五连...
    嫣然去雕饰阅读 644评论 6赞 2