性能优化是一个复杂的话题,涉及的技能很多,如何通过优化网页性能提高用户体验?
尽可能减少要传输的数据量
首先,删除所有未使用的部分,例如JavaScript中不可访问的函数、带有永远不匹配任何元素的选择器的样式,以及永远隐藏在CSS中的HTML标记。其次,删除所有重复项。然后,我建议设置一个自动缩小过程。例如,它应该删除后端服务的所有注释(但不是源代码)以及不包含其他信息的每个字符(例如JS中的空白字符)。完成后,我们剩下的可以是文本。这意味着我们可以安全地应用压缩算法,比如GZIP(大多数浏览器都能理解)。较后,还有缓存。当浏览器次呈现页面时,这不会有什么帮助,但会在以后的访问中节省很多。但关键是要记住两件事:
如果使用CDN,请确保支持缓存并在其中正确设置。
与其等待资源的过期日期,您可能希望有一种方法可以从您的角度更早地更新它。将文件的“指纹”嵌入到URL中,使本地缓存失效。
当然,应该为每个资源定义缓存策略。有些可能很少改变,或者根本不会改变。其他的变化更快。其中一些包含敏感信息,另一些可能被视为公开信息。使用“private”指令防止CDN缓存私有数据。也可以优化web图像,尽管图像请求不会阻止解析或呈现。在Web前端培训中,你可以全面学习到网站性能优化相关技术,了解其优化模式和较佳实践,较终掌握使用优化网站性能的能力。