为什么你的网站很慢——真正的原因是什么
页面加载时间每延迟一秒，转化率就会下降7%。这意味着：你已经花钱获取了点击，访客已经到达页面——然后他们在页面加载完成之前就离开了。
更令人沮丧的是，大多数企业主根本不知道自己的网站很慢。在办公室的笔记本电脑上用高速WiFi打开一切都很流畅。但在泗水、棉兰或任何其他城市，用普通Android手机在LTE网络下打开同一个URL，可能需要等待5到6秒，盯着一个空白屏幕。
那么，真正导致网站缓慢的原因是什么？
未经优化的图片
这是最常见的罪魁祸首。设计师导出了一张4000×2500像素、3.2MB的JPEG格式首图。这个文件直接上传到CMS，没有压缩，没有调整尺寸，没有格式转换。浏览器必须下载整个文件，才能在屏幕上渲染任何有用的内容。
解决方法并不复杂——图片应该以WebP或AVIF格式提供，按实际显示尺寸裁剪，折叠以下的内容延迟加载。首屏大图很少应该超过200KB。而大多数网站提供的文件是这个大小的10倍。
阻塞渲染的JavaScript
现代网站加载大量JavaScript——分析工具、在线客服组件、Cookie弹窗、营销像素、A/B测试库。每一个都可能阻止浏览器渲染页面，直到它完成加载和执行。
浏览器必须停下来，获取脚本，解析它，运行它，然后才能继续构建页面。如果<head>中有五个这样的脚本，在用户看到任何一个像素的内容之前，你已经堆叠了五个连续的阻塞操作。
正确的方法是推迟非关键脚本的执行，让它们在页面可见之后再运行。大多数网站不这么做。
WordPress插件臃肿
WordPress拥有超过60,000个插件，代理商喜欢使用它们。需要联系表单？插件。需要SEO？插件。需要社交分享？插件。每个插件都会在每个页面加载时增加JavaScript、CSS、数据库查询，有时还有额外的HTTP请求。
由普通代理商构建的典型WordPress网站运行着30到50个活跃插件。每个都增加开销。有些互相冲突。许多在不需要它们的页面上加载资源。结果是：托管速度很快，但网站本身很慢——因为每个页面都在加载大量不必要的代码。
这不是反对WordPress的论点。这是反对懒惰的WordPress实现方式的论点。
廉价共享主机
共享主机意味着你的网站与数百个其他网站共享同一台服务器。当邻居的流量激增时，你的服务器资源就会被挤占。到第一字节的时间（TTFB）——从浏览器发送请求到接收到第一个字节的时间——在繁忙的共享主机上可能飙升到800毫秒以上。
TTFB应该低于200毫秒。一些优质主机可以稳定达到50毫秒。在廉价共享主机上，在任何资产传输之前，每次页面加载都有600到800毫秒的额外延迟。
没有CDN或缓存层
如果你的服务器在新加坡，访客在雅加达，距离很近。但如果访客在泗水、棉兰，或东南亚以外的任何地方——物理距离会为每个加载的资产增加真实的延迟。
CDN（内容分发网络）在全球分布的边缘节点缓存静态资产，并从最近的位置提供服务。没有CDN，每个图片、每个字体文件、每个CSS文件都必须从源服务器为每个访客传输一次。
良好性能的标准是什么
构建良好的网站应该在Lighthouse（谷歌的性能审计工具）上得分95分以上。更具体地说：
- LCP（最大内容绘制）： 低于1.5秒——主要内容可见所需的时间
- INP： 低于100毫秒——对用户输入的响应能力
- CLS（累积布局偏移）： 低于0.1——页面加载时没有元素跳动
达到这些数字不是关于痴迷的优化。这是关于从一开始就正确构建：提供经过优化的资产，最小化阻塞渲染的资源，使用CDN，以及为使用场景选择正确的架构。
静态优先方法——页面在部署时预先构建，而不是在每次请求时生成——完全消除了服务器端渲染时间。从CDN边缘节点提供的静态页面是最快的Web架构。
对业务的影响
更快的网站在搜索中排名更好——谷歌明确将页面速度作为排名信号。转化率更高。访客停留时间更长。在移动端——这占据了印度尼西亚网络流量的大多数——2秒和6秒之间的差距，就是潜在客户和跳出率之间的差距。
性能不是技术上的奢侈品。它是一个业务指标。
在Pelita Studio，性能内置于我们的构建方式中——而不是事后补加的东西。我们交付的每个网站都经过Lighthouse测试，针对移动端优化，并在旨在将加载时间保持在两秒以内的基础设施上提供服务。
如果你的网站很慢但不知道原因，我们可以进行审计，向你准确展示问题所在。欢迎通过微信（wxid_419fqv3tofe712）联系我们。