江苏省|网站页面性能优化指南( 二 )


优化CSS的使用方式
CSS是构建渲染树的必备元素 , 首次构建网页时 , 确保将任何非必需的CSS资源都标记为非关键资源(比如print) , 并应确保尽可能减少关键CSS子资源的数量 。
将关键CSS放在文档head标签内
尽早在HTML文档内指定所有必需的关键CSS资源 , 以便浏览内核尽早发现link标记并发出CSS请求下载 。
避免使用CSS import指令
一个样式表可以使用CSS import指令从另一个样式表文件导入规则 。 不过应避免使用这些指令 , 因为它们会在关键路径中增加往返次数从而影响首屏渲染性能 。
慢速原因二:主文档耗时
页面打开速度优化建议:
优化和压缩资源 , 减小总下载文件大小
优化和压缩资源来最大限度地减小总下载大小 , 来提高网页加载速度 。 开发者可以考虑通过简化编码来优化主文档大小 , 同时可以采用chunk编码 , 服务器分chunk输出 , 以及通过GZIP来压缩主文档资源 。
慢速原因三:页面存在额外跳转
页面打开速度优化建议:
去除页面的额外跳转
【江苏省|网站页面性能优化指南】从用户点击到打开页面的过程中 , 有些网站内可能经过额外跳转才会将最终的页面展现给用户 。 根据调研数据 , 单次额外跳转会使性能退化约600毫秒 , 这就可能给关键渲染路径增加600毫秒的延迟体验 , 所以建议开发者去除额外的跳转 。