高性能网站建设指南
2017-08-28 18:08:08 40 举报AI智能生成
web性能
作者其他创作
大纲/内容
前端性能的重要性
性能黄金法则
只有10%-20%的最终用户响应时间花在html下载上，其余80%-90%时间花在下载页面的组件资源上
使用资源瀑布跟踪页面下载
HTTP概述
压缩
request headers
response headers
GET请求
request headers
Expires
Keep-Alive
持久连接
多对一请求服务器导致socket连接低效性的问题
一个单独的连接上进行多个请求
减少http请求
css sprites
内联图片
将小块数据内联
图片base64编码后嵌入
跨越不同页面无缓存
放到外部css内作为背景，通过缓存外部css缓存数据
合并css和js
使用内容分发网络
分离应用程序web服务器和组件web服务器
使用CDN部署组件web服务器
发布静态内容
CDN是一组分布在多个不同地理位置的web服务器，用于更加有效的向用户发布内容
添加Expires头
Expires头 1.0
资源的有效时间
需要客户端和服务器的时间同步
到期需要提供一个新的日期
Cache-Control：max-age头 1.1
指定资源被缓存多久
修改文件名
压缩组件
Accept-Encoding
Content-Encoding
apache压缩
将css放到顶部
将js放到底部
避免css表达式
使用外部css和js
减少dns查找
精简js
精简：移除不必要的字符以减少其大小
混淆：更改函数或变量的名字为更短的字符串
避免重定向
移除重复脚本
配置Etag
检测浏览器缓存中的组件与原始服务器上的组价是否匹配
Etag是标示一个组价的一个特定版本的字符串
多个服务器，组件缓存
移除或配置Etag
使ajax可缓存
0 条评论
下一页
