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