网站性能优化三大策略

时间:2022-09-23 18:34:41 | 浏览:6967

性能优化是一个复杂的话题,涉及的技能很多,如何通过优化网页性能提高用户体验?今天给大家介绍一些常见的方法。 1. 尽可能减少要传输的数据量 首先,删除所有未使用的部分,例如JavaScript中不可访问的函数、带有永远不匹配任何元素的选择器

性能优化是一个复杂的话题,涉及的技能很多,如何通过优化网页性能提高用户体验?今天给大家介绍一些常见的方法。

1. 尽可能减少要传输的数据量

首先,删除所有未使用的部分,例如JavaScript中不可访问的函数、带有永远不匹配任何元素的选择器的样式,以及永远隐藏在CSS中的HTML标记。其次,删除所有重复项。然后,我建议设置一个自动缩小过程。例如,它应该删除后端服务的所有注释(但不是源代码)以及不包含其他信息的每个字符(例如JS中的空白字符)。完成后,我们剩下的可以是文本。这意味着我们可以安全地应用压缩算法,比如GZIP(大多数浏览器都能理解)。最后,还有缓存。当浏览器第一次呈现页面时,这不会有什么帮助,但会在以后的访问中节省很多。但关键是要记住两件事:

如果使用CDN,请确保支持缓存并在其中正确设置。

与其等待资源的过期日期,您可能希望有一种方法可以从您的角度更早地更新它。将文件的“指纹”嵌入到URL中,使本地缓存失效。

当然,应该为每个资源定义缓存策略。有些可能很少改变,或者根本不会改变。其他国家的变化更快。其中一些包含敏感信息,另一些可能被视为公开信息。使用private”指令防止CDN缓存私有数据。也可以优化web图像,尽管图像请求不会阻止解析或呈现。

2. 减少关键资源的总数

“关键”仅指网页正确呈现所需的资源。因此,我们可以跳过流程中未直接涉及的所有样式,还有所有的脚本。

样式表

为了告诉浏览器不需要特定的CSS文件,我们应该为引用样式表的所有链接设置媒体属性。使用这种方法,浏览器将只视需要处理与当前媒体(设备类型、屏幕大小)匹配的资源,同时降低所有其他样式表的优先级(它们将被处理,但不会作为关键渲染路径的一部分)。例如,如果向引用打印页面样式的样式标记添加media=print”属性,则当介质未打印时(即在浏览器中显示页面时),这些样式不会干扰关键呈现路径。

为了进一步改进该过程,还可以将一些样式内联。这为我们节省了至少一次到服务器的往返,否则获取样式表就需要这样做。


脚本

如上所述,脚本是解析器阻塞的,因为它们可以改变DOMCSSOM。因此,不改变它们的脚本不应该是块解析,从而节省我们的时间。为了实现这一点,所有脚本标记都必须标记为asyncdefer属性。

标记为async的脚本不会阻止DOM构造或CSSOM,因为它们可以在构建CSSOM之前执行。但是请记住,内联脚本无论如何都会阻止CSSOM,除非您将它们放在CSS之上。相比之下,标记为“延迟”的脚本将在页面加载结束时进行评估。因此,它们不应影响文档(否则将触发重新呈现)。

换句话说,使用defer,脚本直到页面加载事件触发后才执行,而async允许脚本在解析文档时在后台运行。

3. 缩短关键渲染路径长度

最后,CRP长度应缩短至可能的最小值。在某种程度上,上述方法可以做到这一点。

作为样式标记属性的媒体查询将减少必须下载的资源总数。脚本标记属性deferasync将防止相应的脚本阻止解析。使用GZIP缩小、压缩和归档资源将减少传输数据的大小(从而减少数据传输时间)。内联某些样式和脚本可以减少浏览器和服务器之间的往返次数。

我们还没有讨论的是在文件之间重新排列代码的选项。根据最新的最佳性能理念,一个网站最快应该做的第一件事就是显示ATF内容,ATF代表折叠上方,这是立即可见的区域,无需滚动。因此,最好以先加载所需样式和脚本的方式重新安排与渲染相关的所有内容,其他所有内容都停止—既不解析也不渲染,并始终记住在进行更改之前和之后进行测量。

总之,网站性能优化包含了网站响应的所有方面,如缓存、设置CDN、重构、资源优化等,但所有这些都可以逐步完成。作为一名web开发人员,您应该将本文作为参考,并始终记住在实验前后测量性能。


了解更多

相关资讯

焦作市解放区商务局多措并举优化营商环境服务企业发展

围绕全区打造一流营商环境的要求部署,河南焦作市解放区商务局以市场主体需求和营商环境堵点问题为导向,以提升商务发展质量为核心,以推动供给侧改革为主线,以扩大内需为重点,积极搭建各类商贸和对外服务平台,大力营造公平竞争的市场秩序和安全放心的消费

睢阳区政务服务和大数据管理局深化“放管服”改革优化便民利企新环境

来源:商丘日报-商丘网群众在睢阳区政务服务中心办理业务。记者 邵群峰 摄10月15日,市民刘西丹来到商丘市行政服务中心睢阳区市场监管局窗口,办理公司注册登记。在窗口工作人员的热情接待和帮助下,仅用4个小时,刘西丹就在线领取了电子营业执照和一

淮北市杜集区生态环境分局聚焦优化执法监管护航企业健康发展

淮北市杜集区生态环境分局坚持“无事不扰、有事不推”执法原则,出新招、用实招、想高招,结合“环境执法大练兵”活动,持续优化执法素质,加快转变政府职能。 简审批。以环境影响评价审批为着力点,突出审批内容、审批流程、审批时限“能免则免”“能简不繁

优化建设领域营商环境莱山区社会投资简易低风险项目审批服务再升级

来源:【烟台日报-大小新闻】大小新闻客户端9月21日讯(YMG全媒体记者 徐睿 通讯员 康圣洋 曲紫椿)“这些措施扩大了中小微企业的受益面,今年9月,我们为烟台顺煜建材有限公司1#和2#厂房办理了施工许可备案。”莱山区行政审批服务局工作人员

张家口市桥东区四大行动助力生态环境持续优化

以“首都两区”建设为引领,桥东区坚持把生态治理保护作为基本红线,统筹推进“蓝天、碧水、绿地、净土”四大行动,生态环境持续改善。截至2020年11月底,全区PM2.5平均浓度为24微克/m3,优良天数280天,较2019年增加38天;老鸦庄断

网站建设的方法有哪些?

以前大家对网站建设这些方面的理解实际上都不是很关注,因为在我们看来,我们认为网站建设仅与那些专业人员有关。作为一个对于网站不太了解的,没有办法访问这些内容,但是实际上,当前的网站建设已经变得越来越流行,也就是说,即使你还没有学习一些专业知识

友情链接

SEO域名抢注宝宝起名网妈妈知道币圈美津浓球杆芽庄旅游网创维数字A股蜈蚣养殖技术中草药材网儿童玩具批发资讯网武术培训网东温泉风景网比尔盖茨故事网施华洛世奇钦州坭兴陶官网神舟电脑评测网菲侓宾旅游网韶关新闻资讯网红星二锅头股票网
网站快速建站-企业网站建设方案、网站制作公司、网页制作公司、网站开发、快速建站、阿里云智能建站、自助建站免费建站平台、一键建站系统、一键建站、一键建站工具、凡科建站、凡科建站平台、建站网站系统、免费seo在线优化、免费开源网站、免费个人网站制作、永久免费自助建站系统。
网站开发快速建站 22112.cn ©2022-2028版权所有