足够的偏执狂或为什么您在Page Speed中不发光100点

溜溜球! 很棒的SEO东西。 没有人知道该怎么办才能确定为什么该网站“不在顶部”以及为什么在线业务无法正常工作。 为了寻找真正的原因,网站所有者变得像四十岁的阿姨,他们相信市场上所有吉普赛人的东西。 因此,拿起键盘并在搜索引擎中键入查询,他们会看到“神奇的建议”-“ Google页面速​​度提高了100分,您会很高兴的。” 尝试加速您的网站没有任何问题,只有fl和各种各样的kwork都充满了诸如“将网站的页面速度优化到100点”之类的请求,并且网站所有者本身并不了解这种优化实际上会花费多少成本。

今天,我想说明为什么在某些决策中几乎不可能实现珍贵的价值,否则将是非常昂贵的。 我将介绍一些页面速度提示并进行讨论。

使用现代图像格式


提示指出:“ JPEG 2000,JPEG XR和WebP图像使用更有效的压缩,因此与PNG和JPEG图像相比,它们加载速度更快,消耗的流量更少。 ” 我认为,由于以下几个原因,这是最难满足的建议。

浏览器对JPEG 2000,JPEG XR和WebP的支持


为了进行验证, 我们使用caniuse查找浏览器如何支持格式。 在此站点上,我们了解到Safari仅支持JPEG 2000(Windows版本除外),IE的JPEG XR。 WebP越来越好,但是猜猜谁不支持它呢! 游猎 因此,我们发现没有通用格式,如果要在家中使用它们,则必须加载至少2种格式。 这至少是时间,并且您最多将向使您获得标语的设计师付款。

CMS支持


当然,付给设计师500卢布不是什么大问题,但是处理CMS并不是一件容易的事。 目前,我设法检查了对3个CMS的支持:Wordpress,Bitrix,Joomla。 开箱即用的任何一种都不支持任何列出的格式。 Wordpress上有几个插件说它们可以进行webp,但是实际上并没有一个免费的插件。 此外,即使在这种情况下,将webp加载到文章正文中也会失败,当您保存帖子时,将删除不支持格式的文件的链接。 在Bitrix中,甚至没有这样的模块。 您需要写下自己的意思是wordpress,什么是bitrix。 这些不是简单的改进,需要丰富的知识和足够的时间。

设置有效的图像编码


提示:“ 优化的图像加载速度更快,消耗的移动数据更少 。” 这是一个很好的建议,但实际上,即使在“ maskalka”上使用“ Winsite Image Optimizer”插件在wordpress中浏览图像,Google帮助中都有一个链接(链接到imageoptim) ,它总是会发誓。 com ),那么他的不满将一直保持。

还剩下什么呢? 最好在“ Photoshop阶段”以最低质量保存文件,并最好通过导入而不是“另存为”来做到最好。 大小差异巨大。

消除显示阻止资源


提示 :“ 某些资源阻止了页面内容的加载。我们建议您首先配置必要的JS / CSS资源的加载,并延迟其余资源的加载。

如果您使用一个自写的网站,并且知道“什么,在哪里,何时”,则此建议非常简单。 但是,如果涉及CMS以及插件和模块的使用,那么这很难做到。 例如,在Wordpress中,一切都取决于所使用的插件。 为了解决这个问题,您将必须深入研究插件的代码,并在其中找到它们如何连接脚本(以及用于启动的jquery)。 接下来,使用wp_deregister_script,我们从插件中删除脚本的连接,并将其加载到所需的正确位置。

另一种方法是将脚本和/或样式压缩到一个文件中。 此方法确实在页面速度上提供了很多要点,但实际上,它可以减慢内容的呈现速度,并且部分javascript无法正常工作。

使用这种方法进行实验后,我发现页面速度显示了“输入的近似延迟时间”参数的恶化,粗略地说,移动设备上的网站开始变慢。 而且,压缩(合并为一个文件/合并为一个文件并缩小)文件的次数越多,这些参数的效果就越差。 也就是说,智能手机必须费力才能读取和执行它。

减少服务器响应时间


在我看来,这是简单的建议,但并不总是依赖于Web程序员。 浏览您网站上的探查器,找到速度变慢的代码。 有时,可能会在同一文件中多次调用同一代码。 将执行结果写入变量,并在适当时使用它。 使用缓存。 我尝试使用memched,因为我每月要付我的房东30至120卢布,具体取决于项目。 我认为这会对您有所帮助。

推迟加载隐藏的图像


测试建议“ 为减少交互开始之前的时间,建议在所有重要资源加载完毕后对隐藏图像使用延迟加载原则 。”

我认为这样做非常简单,并且互联网上有很多如何做到这一点的例子。 例如,有一篇关于CSS-tricks的好文章。 为了使他的代码有效,主要是更改图像的属性。 这很简单。 延迟加载是好的,但是+1了javascript文件。

在本文的开头,我谈到了相当矛盾的建议,最后我转向了有效的建议。 是的,代码优化固然很好,但是网站所有者考虑利润,并且这些转换将通过SEO带来更多利润。

您需要了解,网站代码优化只是促销的第一步,而搜索引擎促销本身仅对那些对产品有明确需求的网站有效。

聚苯乙烯


不要偏执,要知道在SEO上必须有网站推广的既定需求,满足客户的需求,然后您的网站才能进入TOP。

Source: https://habr.com/ru/post/zh-CN434964/


All Articles