清风明月的博客

页面打开的快慢，可以用两个指标描述： 一个是ready时间，一个是load时间 优化策略： 一、减少渲染阻塞： 1、避免head标签JS阻塞 所有放在head标签里面的CSS和JS都会阻塞渲染，如果这些CSS和JS需要加载很久，页面就会空白，两种解决方法：第一种是把script放到body里面，第二种是给script加defer属性（defer属性是HTML5新增的属性，一旦script...

1、使用响应式图片响应式图片的优点是浏览器能够根据屏幕的大小，设备像素比ppi、横竖屏自动加载合适的图片，如使用srcset：<img srcset="pic_w350.jpg 1x, pic_w640.jpg 2x" src="pic_w350.jpg" alt="">屏幕的ppi=1

1、gzip压缩

1、DNS预读取

HTML 压缩HTML 代码压缩就是压缩在文本文件中但是在HTML中不显示的字符，包括空格、制表符、换行符等。CSS压缩CSS压缩包括无效代码删除与CSS语义合并JS压缩与混乱JS压缩与混乱包括无效字符及注释的删除、代码语义化的缩减和优化、降低代码的可读性，实现代码保护。图片压缩针对真实图片的情况，舍弃一些相对无关紧要的色彩信息。【webp】在安卓下可以使用webp格式的图片，...

【使用DNS预解析】当浏览器访问一个域名的时候，需要解析一次DNS，获得对应域名的ip地址。在解析的过程中，按照浏览器缓存、系统缓存、路由器缓存、ISP（运营商）DNS缓存、根域名服务器、顶级域名服务器、主域名服务器的顺序，逐步读取缓存，直到拿到IP地址。DNS Prefetch，即DNS预解析就是根据浏览器定义的规则，提前解析之后可能会用到的域名，使解析结果缓存到系统缓存中，缩短DNS解析时...