前端性能优化

一、减少http请求

1.css sprites(多张图片合并成一张图片,通过背景图片的位置来展示不同的图片)

2.尽量实用字体图标

3.合并脚本和样式表(感觉应该是按需加载比较合理)

二、使用CDN(cdn可以在用户请求静态资源的时候在最近的同网段加载资源,加少网络请求时间)

三、把样式表放在文档头部,将脚本放在body底部(让页面可以逐步呈现)

四、使用外部的脚本和样式表(可以用来缓存)

五、压缩静态资源

六、使用缓存

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

推荐阅读更多精彩内容

  • 你愿意为打开一个网页等待多长时间?我一秒也不愿意等。但是事实上大多数网站在响应速度方面都让人失望。现在越来越多的人...
    前端杨肖阅读 598评论 0 0
  • 从雅虎军规看前端性能优化 本文大部分内容翻译自雅虎前端的性能优化,如何让页面加载更快,雅虎给出了多个规则,原文地址...
    cce117b0a0ce阅读 928评论 0 3
  • 前端性能优化资料整理 页面性能差的直接后果是用户需要等待,而等待,尤其是不确定要多长时间的等待会给用户带来焦虑,为...
    飘零之雪阅读 837评论 2 3
  • 围绕前端的性能多如牛毛,涉及到方方面面,以我我们将围绕PC浏览器和移动端浏览器的优化策略进行罗列注意,是罗列不是展...
    流动码文阅读 695评论 0 0
  • 网站的划分一般为二:前端和后台。我们可以理解成后台是用来实现网站的功能的,比如:实现用户注册,用户能够为文章发表评...
    ConRon阅读 837评论 0 0