2021南通web前端机构前十名  科迅教育专注职业技能培训，致力于培养面向设计及开发领域的人才，以学员就业为目的，优质就业为宗旨，是一家集：软件开发(JavaEE、Web前端、.NET、PHP、大数据、Python等)、UI交互设计、平面设计、电商美工、美工运营、室内设计、软装设计、建筑设计、景观设计、数控编程、模具设计等课程为一体的培训机构。

web前端开发中什么导致了页面变慢

太多东西可能导致页面变缓慢了。在这儿只列举了一些你应当知晓的，影响较大的因素。但请务必留意其他原因，性能好比一只多头野兽一般难以捉摸，无法控制。

请求

你的页面由很多静态资源文件组成。图片、字体、JavaScript、CSS、跟踪像素…… 这些都在提供丰富浏览体验方面发挥了作用。但总的来说，这些资源文件可能会让你陷入一个有如千刀万剐般痛苦的境地。

Steve 的黄金法则 至今仍然适用：80% 至 90% 的渲染时间都花在了前端，其中大部分的时间耗费在了网络请求上。如果要优化你的站点，可以先从尽可能地减少请求次数开始。

代码

前端开发者有很多可以遵从的实践，这通常是你在性能优化的阶段才投入进行的工作。代码的优化建议可以来自专业人士的审核，也可以来自像 Lighthouse 这样的自动工具(当然还有 SpeedCurve)。为用户分析网站性能的时候，我喜欢使用 PageSpeed Insights 以获得一些更的建议。我们在产品中加入了 Lighthouse 评分和审核，这是一个很好的起点。

问题可能出自(但肯定不局限于)：

JavaScript

改进“关键路径”或渲染阻塞

以及，使用指令来预加载页面元素或异步加载脚本

尽管大多数情况下，产品经理的注意力都都集中在前端开发者上，但是，如果你察觉到了过长的开始渲染时间，或更多不正常的基本指标(例如到个字节的时间)增加，也要关注后端开发工作。这一点非常重要。

图像

图像优化仍然是可以以小代价换取巨大性能提升的领域之一。随着图像压缩技术的不断发展，新的图像格式被引入实际运用当中。这些格式提供了丰富的功能集，同时将所需的带宽小化。在某些情况下，这些格式是特定于浏览器的，有可能导致工作流程的复杂性增加。

无论你是否有机会实际参与这一领域的工作，理解图像管道(不管是在内部还是作为服务进行管理)都是大有裨益的。对于维护大型产品目录或包含大量用户生成内容的网站，尤其如此。

还需要注意的是，虽然并非所有性能提升都会显示在你的指标中，但是这些工作对于带宽不足或数据流量受限的用户将是十分令人感激的。考虑基于请求的大小和数量去设置与图像相关的 性能预算 ，而不是基于请求的时长。

网络

正是如此。互联网一直以来都是反常的。通过线缆，从A点到B点传输一又一个比特————当我想到这件事本身所涉及的复杂性时，我仍然感到惊讶与激动。

对你来讲，你可能会对技术合作伙伴如何增进服务的性能感到好奇，毕竟你为此付出了一大笔钱。诸如 Akamai、Fastly、Cloudflare 和 Cloudfront 之类的内容分发网络(CDN)有时会对性能产生重大影响。传统上，这些影响在服务后端时间表现得更多，但是当考虑到从服务端到 Web 的一些资源分发(图像或其他静态内容)以及边缘可用的一些优化时，也会对前端产生巨大影响。如果你不多加留意，这些平台只能使情况变得更糟，而不是变得更好。