如何减少WordPress中的HTTP/S请求

页面加载时间将始终是Web开发人员的关注,特别是因为您发现具有自定义图像,动态内容和更多视频的访问者给游客留下深刻印象的新方法.

是因为在添加每个新资产时,您的网站必须生成其他HTTPS请求,以便与访问者的浏览器进行通信.那些HTTPS请求将逐步缓慢您的网站......向EM> Wayyyy 下降.

本指南将介绍H​​TTPS服务器请求,您应该使用的工具来跟踪它们,然后可以使用删除WordPress中的那些请求的方式.继续阅读,或使用以下链接跳转:

  • http服务器请求是什么?
  • 工具跟踪HTTPS服务器请求和相关问题
  • 减少WordPress站点的HTTPS服务器请求的数量

想要更快地让您的网站?查看我们的详细指南"即可加快WordPress的Ultimate Mega指南." 阅读更多

什么是http服务器请求?

没有比用户体验更重要的了.这是激励访问者订阅博客的东西,购买您的产品,或伸出您的服务更多信息.

任何妥协的内容何种经历-即使它只是一个Web页面才能加载几秒钟才能加载-可以危及转换率.

所以,这是您需要了解HTTPS服务器请求的原因以及它们为何发生:

每次有人访问你的网站......划伤.每次有人访问一个(并考虑网站上有多少),他们的浏览器都会向您的网站提供请求:

"嘿,呃,你可以从您的网站发送所有这些文件,以便我可以用您的预期访问者/读者/客户分享这一点?"

然后,您的网站有责任发送您的网站由您的网站组成的每个文件.这包括文本,图像(通常是大多数文件是什么),视频嵌入,CSS和JavaScript文件,甚至是注释源中出现的Gravatar图像.每个文件都接收单独的服务器请求.

一旦处理了所有服务器请求并且将文件传输到浏览器,然后可以在访问者的屏幕上加载您的网站.但如果你的WordPress网站有数十甚至数百个文件来发送给您的访问者的浏览器,您认为将何种内容加载时间?

没什么好处.

并且随着站点的普及和接收同时HTTPS服务器请求而导致令人指重较差.案例分数:40%的人如果必须等待超过三秒钟的页面才能加载超过三秒钟.KissMetrics还报告说,当访问者与其与其与其接合时,页面响应中的一秒延迟可能会在转换中的成本高达7%.

所以,如果希望这些加载时间保持peppy,则需要找到一种方法来削减到浏览器的需要转移到浏览器.

解决方案然后是不是使用更少的图像或动态内容或者与您的设计如此最小,以至于它被压倒性乏味.虽然文件的大小和文件的大小和文件所在的信息很重要,但有些方法可以在WordPress中绕过这一点.

工具,用于跟踪HTTPS服务器请求和相关问题

谢天谢地,没有必要在这里玩猜谜游戏.这不像你的访客看到白屏死亡,你不知道是什么造成的.有许多工具将帮助您跟踪您网站的加载时间中的滞后时间源.

以下是一些更可靠(和免费)的:

Google Chrome开发者工具

如果您想要深入查看WordPress站点上每个元素和文件在WordPress站点上执行多长时间,请花一点时间将其打开它在Chrome浏览器窗口中.有一次,导航到名为Developer工具的设置选项卡.

一个新面板将在屏幕右侧打开.单击"网络"选项卡,然后从此处您将能够查看页面上发生的事情.

你甚至可以深入钻取各个元素的时间,也可以看出一件事,特别是持有其他一切.


Google Pagespeed Insights


当然,这不是谷歌中唯一可用的工具,可以帮助您检测HTTPS服务器请求的问题.理想情况下,如果您使用的是开发人员工具,您也应该在Arsenal中有Pagespeed Insights.

一旦通过该工具运行您的网站,您将收到站点的移动性能以及桌面的结果.

这些评估中的每一个都将在它表现的情况下提供100分,然后将为您提供如何优化您的网站以提高性能的提示.

gtmetrix

gtmetrix是另一个页速评估工具,可以为您提供您网站的性能分数.


但是,GTMetrix处理方式的方式比谷歌更全面地和令人放心.所以,虽然你可能会看到一个在黄色或红色的分数(这不好),但你可以将悬停在每个数据点上,看看平均分数和加载时间是多少.这将为您的页面表现良好或糟糕的方式提供更现实的想法.

在GTMetrix的评估中,您将收到有关如何优化速度页面的标准提示.每个技巧都会在它旁边有相应的分数,让您知道您在哪里正确的事情以及有改进领域的地方.如果您想要对这些较弱的区域提供更多帮助,只需点击向下箭头,GTMetrix将告诉您哪些文件可以使用一些工作.

pingdom

pingdom非常类似于它的工作原理和它所提供的信息的gtmetrix.

两种工具之间的主要区别可能是它所提供结果的速度.哦,这个界面是一个小便看.

否则,如果您正在尝试节省您的网站的问题并且想要缩小不工作的时间,您将收到与两个站点相同的相同评估-这正是您所需要的.

webpagetest

我也想在这里扔网上销售.

虽然该网站是一个小型笨蛋,结果与其他一些工具不那么容易读,我喜欢栏图,用于显示每个文件所需的长度加载.

虽然此页面可能存在压倒性的数据,但没有关于如何解决特定的放缓问题的提示,我仍然认为较重元素的可视化是良好的.您可以随时与Google的开发人员工具结合使用,以缩小您网站上的有问题元素.

减少WordPress站点的HTTPS服务器请求的数量

现在您知道如何识别您网站上的麻烦区域,让我们讨论如何扼杀芽中的总体问题:减少WordPress站点的HTTPS服务器请求的数量.这里有9件您可以做的事情,以便将它们保留为更合理的数字:

1.删除不必要的图像

Delete images

我并不是说你需要开始牺牲图像,以便在HTTPS服务器请求上切割.相反,我认为您应该专注于保持您的媒体库以超级吱吱声清洁的形状.所以,如果您没有使用图像-即使您希望在未来使用它们-泄漏它们.他们只做任何添加了额外的权重,服务器请求您的网站不需要.

2.删除其他不必要的文件

您可能会惊讶于您在上面的页速评估工具中发现的内容.他们可能会告诉您,它不是导致问题的图像,而是它是一种像社交媒体饲料插件或嵌入式视频的东西.如果您的网站上有任何东西,您认为不必要,并且它导致膨胀,废除它.这包括您安装的插件和主题,但目前并未使用.

3.减少文件大小

WP Smush

你必须做的另一件事?获取WP Smul插件并自动化您网站的图像压缩.如果您想在您的网站上保留那些美丽的高分辨率图像和质量完好,那么您需要压缩它们.

4.创建CSS图像精灵

使用CSS,您可以创建名称为CSS图像精灵的内容.基本上,这个CSS文件将所有图像文件组合成一个.使用W3学校的本指南创建自己的.

5.懒惰加载

你有没有听说过懒惰的装载?如果没有,请从斋戒中给出这篇文章莫雷迪.基本上,这些插件仅在用户向下滚动到页面上的图像时发送服务器请求.这将您的网站保存到浏览器中不必向浏览器发送不必要的HTTPS服务器请求,以便您的访问者甚至没有接近遇到的图像.

6.忽略不相关的资产

WP Asset Cleanup

WP Asset Cleanup Plugin与懒惰加载插件如何运作.但是,而不是专注于延迟未查看图像的服务器请求,而是在主题中存在插件,文件或其他资产时检测到该插件,但在该特定页面上没有.然后,它会保留该资产在该页面上加载和检测;因此,减少必须出发到浏览器的服务器请求的数量.

7.使用蜂鸟

缓存插件是WordPress网站的绝对必须-特别是如果您依靠访问者再次返回时间和时间.对于那些返回的访问者,如果没有更改,则真的不需要处理相同的服务器请求,因此缓存插件将删除需要执行此操作.

wpmu dev的蜂鸟插件是完美的.除了管理浏览器缓存之外,它还负责文件压缩,CSS,JavaScript和HTML缩小,并还添加了一个CDN以更加速度.如果您不想使用上述第三方之一来评估您网站速度的状态,您还可以访问性能报告.

8.组合CSS和JavaScript文件

WordPress网站绑定到漂浮的众多CSS和JavaScript文件.而不是继续将每个文件作为单独的服务器请求发送给您的访问者的浏览器,而不是将它们合并到一个奇异文件中.

请记住,您的合并CSS文件应驻留在您网站的标题中.那么你的javascript文件需要进入页脚.

9.限制外部图像

其中最常见的例子显示在博客的评论源中.您是否知道,如果您将默认WordPress评论系统留下,那么它将自动使用Gravatar(另一个自动属性)来拉入评论员的照片和BIOS?那些照片然后成为您必须发送到浏览器的额外服务器请求,如果您运行一个流行的博客,那可能会变得凌乱.评论插件将帮助您避免此问题.

包装

哦,开发WordPress网站的乐趣.在Wordpress中可以在WordPress中完成,但很容易忘记所有这些美丽的主题,酷插件和令人敬畏的图像如何在浏览器的眼中过度尝试处理它.但是,永远不要害怕:如果您保留上面的九个服务器请求减少提示的页速监控工具,您的网站性能应该很好.

3
订阅评论
提醒
0 评论
内联反馈
查看所有评论