前端网页优化

Posted 百里登风

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端网页优化相关的知识,希望对你有一定的参考价值。

https://developer.yahoo.com/performance/rules.html

第一条、尽可能的减少 HTTP 的请求数 (Make Fewer HTTP Requests )

第二条、使用CDN(内容分发网络): Use a Content Delivery Network

第三条、 添加Expire/Cache-Control 头:Add an Expires Header

第四条、启用Gzip压缩:Gzip Components

第五条、将css放在页面最上面 ( Put Stylesheets at the Top) 第六条、将script放在页面最下面 (Put Scripts at the Bottom )

第七条、避免在CSS中使用Expressions (Avoid CSS Expressions )

第八条、把javascript和css都放到外部文件中 (Make JavaScript and CSS External )

第九条、减少DNS查询 (Reduce DNS Lookups)

第十条、压缩 JavaScript 和 CSS (Minify JavaScript and CSS)

第十一条、避免重定向 (Avoid Redirects )

第十二条、移除重复的脚本 (Remove Duplicate Scripts )

第十三条、配置实体标签(ETags) (Configure ETags )

第十四条、使 AJAX 缓存 (Make Ajax Cacheable )

以上是关于前端网页优化的主要内容,如果未能解决你的问题,请参考以下文章

前端性能优化总结(一)-js、css优化

搜索引擎优化;Web前端 后端 开发。

WEB前端性能优化总结——如何提高网页加载速度

前端性能-优化手段

前端性能优化

web前端必学8个网页优化技巧