网站优化技巧
发布时间:2021-09-18 15:56 浏览次数:次
1. 尽量减少HTTP请求。
优化后的http请求,比如多个图标都是截自同一张图片的。
2. 使用CDN(内容分发网络)
CDN:尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。
简单解释:在离你最近的地方放置一台性能好的链接顺畅的副本服务器,让你能够以最近的距离、最快的速度获取内容。
3. 添加Expire/Cache-Control头
Expire:expire头的内容是一个时间值,值就是资源在本地的过期时间、存在本地。 在本地缓存阶段,找到一个对应的资源值,当前时间还没超过资源的过期时间,就直接使用这一资源,不会发送http请求。
Cache-Control:是http协议中常用的头部之一,负责控制页面的缓存机制。如果该头部指示缓存,缓存的内容也会存在本地。操作流程和expire相似,但也有不同的地方,cache-control有更多的选项而且也有更多的处理方式。
4. 启用Gzip压缩
在服务器对传输的文件进行GZIP压缩在发送给浏览器,浏览器能自动对其进行解压 。 好处就是传输的文件更小。
5. 将css放在页面最上面
防止低网速页面加载出来没有样式,或者无法加载页面内容。
6. 将script放在页面最下面 )
7. 避免在CSS中使用Expressions
CSS Expressions就是CSS表达式, 用来把css属性和js关联起来。
使用CSS Expressions的话,在页面显示和缩放、页面滚动、移动鼠标的时候都要重新计算一次,具体看如下代码鼠标一移动就会一直叠加。
8. 把JS和CSS放到外部文件中
单独提取出来:提供的js和css的复用性、减小页面体积、提供了js和css的可维护性。
写在页面内:减少页面请求、提升页面的渲染速度
这个可以根据实际情况取舍,写在页面内的时候:只应用于一个页面、不经常被访问到、脚本和样式很少的情况。
9. 减少DNS查询
每次DNS查询都差不多需要20ms,20ms的时候页面一片空白。现在浏览器一般都有缓存,可以减少DNS查找。
可以采用单域/多域。
一个浏览器对一个服务器的请问是有限制的,如果都请求来自一个服务器会变慢。比如可以把静态资源放在静态资源服务器等,这样浏览器可以同时请求多个域名,加快速度。
10. 压缩 JavaScript 和 CSS
1. 取出不必要的空白符、格式符、注释符。
2. 简写方法名、参数名、压缩JS脚本。
11. 避免重定向
重定向状态吗:
1. 301(Moved Permanently):被移动到了另外的位置,永久重定向。
2. 302(Found):被找到了,临时重定向。
为什么要避免使用重定向?
减少请求的次数等,如下图
12. 页面静态化
对于不变的动态页面,每请求一次就查询数据库一次,势必照成服务器压力。如果使用静态页面,就永远的返回静态页面不查询数据库,如:新闻页面。使用技术(shtml(SSI)) 。
13. 配置实体标签(ETag)
ETag(Entity Tag)实体标签,属于HTTP协议,受web服务支持。它使用特殊字符串来表示某个请求资源版本。
过程
配置ETage会帮服务器减轻很多负担 。
14. 使 AJAX 缓存
AJAX两种请求方式
POST:每次都执行、不被缓存
GET:同一地址不重复执行、 可以被缓存
区别
最后:网站性能分析YSlow
YSlow可以对网站进行分析、给出建议和规则进而优化网站。
安装:需要在火狐安装firebug,然后在安装YSlow,会在firebug里面看到YSlow
介绍:
1. 不同规则
2. 等级视图
3. 包含了具体优化建议
4. 组建视图
5. 统计信息视图
6. 提供的工具
本文来源于网络,若有侵权请联系3449817223#qq.com,将在第一时间删除。