web性能优化之规范篇

xiaoxiao2021-02-28  117

1. css置顶,js置底:原因是浏览器是从上到下渲染的 2. 图片精灵合并图片 3. chrome浏览器gzip压缩后发送 4. cache-control和expires合理设置 5. keep-alive合理使用:Connection: Keep-Alive  Keep-Alive:timeout=20 6. If-Modified-Since和Last-Modified配合判断文件是否修改(文件修改时间) 7. If-None-Match和ETag配合判断文件是否修改(一般是文件名或内容) 8. less和jsx等文件尽量在打包时解析 9. 压缩或减少cookie 10.chrome上使用webp替代jpg等格式图片 11.打包时合并部分css和js文件 12.适当使用ajax缓存 13.尽量不要用table布局 14.按需延迟加载js和css等资源文件,组件化思想,相关工具有requirejs等 15.懒加载图片和预加载图片结合:懒加载图片就是不要一开始就加载所有图片(滚动滚动条时再加载,一般用在有大量图片的页面),预加载图片就是这个图片我还没有看就预先加载该图片(一般用在一张张照片翻看的相册中) 16.移动页面不建议使用jQuery 17.尽量少的重定向

18.尽量不要在样式中使用expression

未完待续...

转载请注明原文地址: https://www.6miu.com/read-27812.html

最新回复(0)