网站文件优化入门指南(加载速度提高了70%)

为了加快网站速度并节省带宽,压缩是完成此操作最有效(最简单)的方法之一.


…然而,许多网站所有者仍然不会在2020年优化文件,因为他们不知道文件的重要性或不知道如何.

简而言之,加快页面加载速度的最重要方法之一就是使JavaScript(JS)文件加载速度更快…并且,您可以使用GZIP压缩来加快JavaScript的速度.

现在,这仅是现代浏览器的理想选择,但互联网上的大多数人都在使用最新的设备和浏览器。雅虎和谷歌都利用GZIP压缩.

但首先,让我们建立一些背景.

步骤#1:什么是内容编码?

为了有效地优化您的网站文件,了解一个概念很重要 内容编码.

简而言之,它用于使文档得以压缩而不会丢失其基础媒体类型标识的风险。请求文件时,浏览器将与Web服务器对话.

HTTP请求

基本上,浏览器告诉服务器它想要什么。服务器寻找并找到它。然后浏览器将其加载。文件越大,浏览器加载时间越长.

所以,当文件太大时该怎么办?

您将压缩它。将压缩文件发送到浏览器时,可以节省下载时间和带宽.

服务器和浏览器有两个关联的元素,它们知道发送压缩文件是可以的:

  • 浏览器通过发送标头让服务器知道发送压缩内容是可以的
  • 如果内容被压缩,则服务器发送响应

如果未压缩文件,则服务器将不会通过内容编码响应头发送。 accept-encoding标头不是需求,而只是浏览器的请求.

浏览器将不得不处理常规的繁重版本,因为服务器不发送压缩内容.

设置服务器

您无法控制浏览器。它将发送标头或不发送标头。但是,您可以配置要使用的服务器,以确保只要浏览器能够处理就返回拉链内容。这样可以节省大量带宽.

压缩后的网络性能

为此,只需启用IIS的压缩设置。如果使用的是Apache,则启用输出压缩相对简单。只需访问您的.htaccess文件并添加适当的代码.

Apache有两种压缩选项可供选择:

  • mod_deflate是标准的,设置起来比较容易
  • mod_gzip允许您预压缩内容,它看起来更强大

简单的Apache放气

无论选择哪个选项,Apache都会查看浏览器是否发送了用于接受编码的标头,然后以常规版本或压缩版本返回文件。.

如果较旧的浏览器引起问题,您可以通过添加某些特殊指令来纠正它.

要返回压缩的内容,如果无法对.htaccess文件进行更改,则可以使用PHP。在PHP中:

<?php if(substr_count($ _ SERVER [‘HTTP_ACCEPT_ENCODING’],’gzip’))ob_start(“ ob_gzhandler”);否则ob_start(); ?>

检查accept-encoding标头后,将返回文件的gzip压缩版本。这类似于您自己构建Web服务器。压缩输出, Apache确实使它更容易.

重要警告:大多数网站构建软件不允许进行代码级编辑(有一些例外)。在Hosting Canada上,我们大力倡导自我托管您的网站,但要意识到,它并不适合所有人。使用Squarespace,Wix或Weebly之类的网站构建器时,这种服务器级别的修补可能无法实现.

验证压缩

重要的是,在完成服务器的配置之后,请确保交付压缩的内容。要确定您的页面是否在线压缩,可以使用在线GZIP测试.

在浏览器中,开发人员工具可以帮助您。您需要转到网络标签,刷新页面,然后单击特定页面的网络行.

如果将内容压缩发送,您将看到“ content-encoding:GZIP”标题.

谷歌浏览器gzip标头

要获取更多详细信息,您可以单击图标“使用大行”。这也提供有关真实内容大小和压缩传输大小的信息.

注意事项

压缩带来了很多好处,但是一切都有缺点。您要注意以下几点:

  • 压缩比图已压缩的内容: 大多数音乐,视频和图像已经被压缩。如果您尝试再次压缩它们, 这在很大程度上只是浪费时间. 在大多数情况下,您只需要担心压缩CSS,HTML和JavaScript.
  • 较旧的浏览器: 压缩内容并非与所有浏览器兼容。对于较旧的浏览器尤其如此。例如,如果必须在Windows 95或Netscape 1.0上运行,则可能要避免HTTP压缩。有一些规则和准则可以避免使用Apache mod-deflate对旧版浏览器进行压缩.
  • CPU负载: 即时压缩内容时,可以节省带宽并占用CPU时间。考虑到压缩速度,折衷通常被认为是公平的。有两种方法可以发送压缩版本并预压缩静态内容。这通常需要更多配置。请记住,互联网上的人们关注范围很短,因此使用CPU周期来提高速度以获得更好的用户体验通常是一个好主意.

为什么要使用GZIP压缩

http压缩控制台GZIP压缩提供了很多好处。重要的是要知道它们是什么,以便您充分了解为什么应该开始使用它.

一般, 使用GZIP压缩CSS和HTML文件可为您节省文件总大小的50%至70%. 大量的文件大小节省可为您的网站带来更好,更有效的用户体验.

该技术在您网站的整体SEO中也起着重要作用。搜索引擎使用复杂的算法来确定网站和网页在搜索结果中的位置.

在每次算法更新中变得越来越重要的一个因素是网页加载时间。搜索引擎使用此信息来确定网站的整体优化.

gzip压缩速度测试当网页快速加载时,那些访问该网站的人不必等待访问他们正在寻找的内容。请记住,互联网用户的关注范围很短.

如果网页加载时间过长,则用户可能会点击并找到包含类似信息的更快的网站. 搜索引擎希望奖励加载速度更快的网站, 因此他们为他们提供了更高的搜索结果排名.

更快的网站也可以增加转化。这意味着,如果您拥有电子商务网站,则其加载速度越快,销售额就越高。实际上,约有51%的美国人说,他们放弃购物的第一大原因是网站访问速度缓慢.

案例研究表明,通过将网站的加载时间缩短仅2.2秒,您可以将转化率提高15%以上.

解决GZIP压缩问题

像所有技术元素一样,GZIP压缩可能会出于最小的原因而失败。好消息是,大多数失败原因都是可以修复的.

首先要查看的元素是您的Web主机是否支持GZIP压缩。尽管大多数人都支持它,因为它对于页面加载非常重要,但仍有少数人不愿意确保兼容性。您可以联系您的虚拟主机,以确定是否存在GZIP兼容性问题.

下一个要探索的元素是您的代码. 即使是一个错误的角色也会引起问题. 查找丢失的字符,语法错误或任何格式错误的代码。您的所有编码都必须与您的体系结构一起使用,压缩才能成功.

您可以只检查用PHP或.htaccess输入的代码(上面已讨论过)。如果找不到问题,但您认为应该归咎于代码,请考虑将其完全替换为更可能起作用的其他代码.

在某些情况下,您的Web主机可以访问正确的文件以允许GZIP压缩,但您没有。在这种情况下,只需致电您的主机并要求他们启用这些功能即可。.

您在本文前面了解了有关检查GZIP压缩的知识。这是进行故障排除的快速简便的选择。通常建议您首先执行此操作。如果仍然有问题,请与您的网络托管商联系并评估您使用的代码.

如果您的浏览器已过期, 这也可能导致GZIP压缩问题. 这对于旧版本的Internet Explorer尤其常见。如果许多访问您网站的人使用旧的浏览器,则可能需要解决这个问题.

如果您站点上的文件很大,这也可能引起有关GZIP压缩的问题。如果使用的是较旧的GZIP版本,则文件大小限制可能会相对较小,例如2 GB或更小。因此,您想确定GZIP版本的限制是多少.

最好的方法之一 通过启用压缩来提高网站的性能和速度. 现在您知道该怎么做,您可以开始充分利用这些好处.

请注意这些警告,并在工作时考虑它们。下一步是进行设置,以便您的访客可以获取好处.

一个经常被忽视的网站速度因素与您选择的网络托管公司有关。是的,它的确会有所不同,因为您花一些时间处理数据时,有些效果会更好.

有关更多信息,请参阅我的如何提高网站速度的指南.

参考资料和图片来源:

  • BetterExplained.com
  • OpenSourceVarsity.com
  • Geekeasier.com
  • WebPerformance.com
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

About the author

Adblock
detector