网站开放速度优化方法：如何提高网站打开速度
2020-12-30

呀网站打开的速度不仅影响用户体验， 嗯而且对网站排名的优化也极为不利 嗯， 呢因此如何提高网站开通的速度也是我们SEO人员工作的重点 呢， 💆除了更好的服务器之外， 嗯还有什么其他方法可以提高网站开通的速度？今天我们总结了网站开机速度优化的方法。 呢

呢

呀

最大的性能漏洞是页面需要发起数十个网络请求以获取诸如样式表、脚本或图片之类的资源 呀，这对于带宽速度相对较低且延迟较高的移动设备来说非常糟糕。对于开发人员来说， 呀将Javascript代码和CSS样式放在一个公共文件中以供多个页面共享是一种标准优化方法，可以轻松地维护代码并提高客户端缓存使用效率。

精灵是一种在CSS中处理图像的技术。精灵将多个图像组合成一个大的线性网格。该页面可以立即将大图像返回， 嗯并将其作为CSS的背景图像， 👱‍♂️然后使用CSS的背景定位属性来显示页面所需的图像的一部分。该技术可以用于创建多个图像集成请求提高性能。

所有浏览器现在都使用本地资源来缓存由Cache-Control标记的资源 🏌️，此外，浏览器为减少不必要的服务器请求，尽可能从本地缓存检索资源 呀， 🏌️当缓存空间减少时浏览器缓存通常包括图片、CSS和Javascript代码 🫀，它们可以合理地提高站点的性能(例如， 呢为了支持后退和前进按钮 🚵‍♂️， 🧔使用单独的缓存来保存整个呈现页面)。

HTML的标准是使用链接来加载外部资源，这使得在服务器(或CDN)上更新这些资源更加容易，我们不必在每个页面上修改和更新它们。如上所述 呀，该模式还允许浏览器从本地缓存中检索资源，而不是从服务器检索资源。 嗯

👽Web应用程序使用多种方法从服务器轮询资源以连续更新页面。HTML5 EventSource对象和Server-Sent事件可以通过浏览器端JavaScript代码打开单向通道来连接客户端。服务器可以使用这个通道发送数据， 呢它节省了通过HTTP创建多个轮询请求的成本。这种方法比HTML的WebSocket更有效 呀，后者可在存在许多客户端-服务器交互(如消息或游戏)时使用。 呀

当用户访问移动设备上的桌面PC站点时 呀， 呢Web站点应用程序通常读取HTTP的用户-代理头部以确定用户是否来自移动设备 呢， 🕺然后发送一个HTTP 301(或302)请求，该请求具有空的HTTP主体和一个重定向的HTTP地址头部以重定向移动版本会增加 呀， 呀但是这种额外的客户端-服务器交互在移动网络上通常只需要数百毫秒，所以在原始请求上传递移动网页比传递重定向消息和让客户端请求再次移动网页要快。 嗯

🙉 压缩技术，例如gzip 呀，通过增加服务器压缩和浏览器解压缩的步骤来减少资源的负载， 🚴‍♀️但是通常这些操作是高度优化的，简化的好处不仅限于减少延迟 呀，对于无法在移动设备上缓存的过度资源也有所改帮助。GZIP在这方面没有帮助 呀， 呢因为资源在解压缩后被缓存。图片通常占用网页加载的大部分网络资源和页面缓存的主要空间。小屏幕移动设备提供了通过调整图片大小来加速图片资源传输的机会。如果用户只在小的移动浏览器窗口中查看图片 👩‍🚒， 😍则分辨率很高。 🧑‍🏫

🧜‍♀️Ajax(异步JavaScript和XML)是一种使用XHR(XMLHTTPROQUEST)对象从Web服务器检索数据的技术。它不需要更新正在运行的页面。AJAX可以在不重建整个页面的情况下更新页面的一部分。它通常用于提交用户交互， 🤩但是也可以用于首先加载页面的框架部分 嗯，然后在用户准备浏览页面时填充细节。为了提高移动站点的性能 呀， 呀Web.r中的代码预处理用户需要完成进一步操作的资源 😰，尤其是在用户的带宽资源稀缺的情况下。在低处理器性能的移动设备上，过多的预加载可能干扰当前页面的UI响应 😿，因此需要使用多线程代码 呀， 呀让Web.r对象(并使用localStorage尽可能缓存数据)在另一个线程中操纵预加载的资源 呀，以便当前的UI性能不受影响。