前端优化

网络 · 2018-10-09

前端优化,从速度上来说,分秒必争。
参考gtmetrix.com的一些资料。
分别记录来自Google PageSpeed和火狐 Yslow 的一些建议。

来自Google PageSpeed 的 一些建议:
避免使用元标记中的字符集
避免不好的请求
避免使用CSS @import
避免使用CSS表达式(已弃用)
避免使用document.write
避免在移动网页上使用Flash(已弃用)
避免登陆页面重定向
避免插件
结合外部CSS(不建议使用)
结合外部JavaScript(不建议使用)
使用CSS sprites组合图像
延迟加载JavaScript(不建议使用)
推迟解析JavaScript
启用gzip压缩
启用Keep-Alive
改善服务器响应时间
内联小CSS
内联小型JavaScript
利用浏览器缓存
利用代理缓存(不建议使用)
使登录页面重定向可缓存(不建议使用)
缩小CSS
缩小HTML
缩小JavaScript
最小化cookie大小(不建议使用)
最小化DNS查找(不建议使用)
最小化重定向
最小化请求大小
优化图像
优化样式和脚本的顺序
并行化主机名下载(不建议使用)
首选异步资源
将CSS放在文档头中
从静态资源中删除查询字符串
删除未使用的CSS
从一致的URL提供资源
提供缩放图像
从无Cookie域提供静态内容
指定缓存验证程序
尽早指定字符集
指定Vary:Accept-Encoding标头
为移动浏览器指定视口
指定图像尺寸
使用应用程序缓存
使用高效的CSS选择器
来自火狐 YSlow 的 一些建议:
添加Expires标头
避免使用AlphaImageLoader过滤器
避免CSS表达式
避免空src或href
避免HTTP 404(未找到)错误
避免URL重定向
使用gzip压缩组件
配置实体标签(ETags)
不要在HTML中缩放图像
使AJAX可缓存
使favicon小巧且可缓存
减少HTTP请求
使JavaScript和CSS外部
缩小JavaScript和CSS
把CSS放在顶部
将JavaScript置于底部
减少cookie大小
减少DNS查找
减少DOM元素的数量
删除重复的JavaScript和CSS
使用内容分发网络(CDN)
使用无cookie的域名
使用GET进行AJAX请求
https://gtmetrix.com/serve-static-content-from-a-cookieless-domain.html 有较为详细的说明。

前端 页面优化
Powered by Typecho Theme Jasmine