2016-12-21
高 性能网站建设的黄金法则
只有10%–20%的终用户时间花在了下载HTML文档上，其余的80%~90%的时间花在了下载页面中的所有组件上。
关注前端可以很好的提高整体性能
改进前段通常只需要较少的时间和资源
规则1 减少HTTP请求
由于上面的”性能黄金法则”，我们必须减少用户下载html文档的时间，基本的一个方法是必须减少http请求，包括image，css和js文件。
规则2 使用CDN
什么是CDN?
一组分布在多个不同地理位置的Web服务器用于更有效的向用户发布内容。
如果应用程序的web服务器离用户更近，则1个http请求的响应时间将缩短;如果组件web服务器离用户更近，则多个http请求的响应时间将缩短。
规则7 避免CSS表达式
规则8 使用外部的Javascript和CSS
页面中尽量使用外部的js和css文件，虽然会带来额外的http请求访问时间，但是因为缓存机制会节省后期访问时http的请求。
特殊情况：主页。在主页中尽量将js和css写在页面中，这样会节省主页的访问时间。
两全其美的方式
1、加载后下载
在主页加载外币之后，动态加载js和css文件。例如我们的loadJs和loadCss方法。
2、动态内联
可以使用例如cookie的方法，如果js加载过，则写入cookie一个值;动态检测cookie的值，如果不存在则加载，如果存在则跳出加载过程。
规则9 减少DNS查找
DNS查找可以被缓存起来以提高性能，通过Keep-Alive和较少的域名来减少DNS查找。
规则10 精简Javascript
精简：从代码中移除不必要的字符以减少其大小，进而改善加载时间。移除所有的注释和不必要的空白字符
混淆：除了精简，还将函数和变量的名字转换为更短的字符串。
规则11 避免重定向
在下列几种情况下可能会发生
1. 缺少结尾的斜线
2. 连接网站
3. 跟踪内部流量
4. 跟踪出站流量
5. 美化URL
规则12 移除重复的脚本
规则13 配置Etag(Entity Tag)
Etag是Web服务器和浏览器用于确认缓存组件的有效性的一种机制,是唯一标识了一个组件的一个特定版本的字符串.
本文来源于大连网站建设公司、大连网站设计制作公司与大连网站推广公司-新图闻科技公司!
大连网站建设,大连网站设计,大连网站制作,大连网页设计，大连网站建设公司 ,大连网站设计公司,大连网站制作公司，大连网页设计公司，大连手机网站建设，手机网站建设，大连网站推广，网站推广，大连建网站，大连做网站，大连商城网站建设，集团网站建设,网站建设,高端网站建设,品牌网站建设,大连平台网站建设，大连响应式网站建设，大连微信网站建设，大连微商城网站建设，大连微信营销，大连网站优化，大连网络公司。
