如果您正在努力进入,您并不孤单轶事证据表明,难以实现高核心网的表现。原因是出版商和SEO试图修复技术上没有破坏的东西。
范式转变网站的开发方式
我们处于一个主要范式转变的阶段创建网页。更快的Web主机是有用的,但它不会修复核心网络威力问题。
核心网络威力在移动设备上的下游计算,该移动设备在移动电话上以3G或4G速度延迟移动设备。这就是核心Web Vitals数据来自的地方,如果下载被窃全下载,那么快速的Web服务器几乎没有使用在手机上的互联网连接差。
改进的核心Web Virtals少了解网络托管,更多关于修复代码的信息。
修复什么不是破碎
WP Rocket最近使用古腾堡重新设计了他们的网站。考虑到古顿伯格当时没有完整的网站编辑能力,这是一个勇敢的,几乎鲁莽的举动。
他们必须自定义WordPress如何处理CSS和JavaScript以改善Google页面体验分数。
换句话说,在重新设计他们的网站时,为了核心网络威力得分,WP火箭必须自定义WordPress本身,使其成为不是设计的东西。
核心网威力 – 不友好
核心网络威力标准不是一些WordPress开发人员在创建WordPress时想到的事情。这就是为什么将推文嵌入到一个帖子中会触发累积布局班次。
WordPress和主题不为谷歌编码。他们为出版商的需求代码,直到2020年5月不是出版商需要。
它不仅仅是WordPress。大多数其他内容管理系统没有内容内置的核心Web Vitals最佳实践。
读数下面的广告联系读数并不意味着WordPress有问题。 WordPress没有任何问题,因为谷歌说出了错误的问题。和SEO社区工作TH。
WordPress与它无关。
核心网Vitals于2020年5月出现
,显然没有任何与显影剂生态系统的协调或咨询。
在WordPress侧,发展正如核心网Vitals不存在。在出版商和SEO方面,它是WordPress的用户负担“修复”WordPress,Drupal,PhPBB等任务。
在一个完美的世界中,创建一个解决系统的工作用户的需求位于开发人员方面。但那没有发生。
WordPress甚至没有将核心Web Vitals视为WordPress问题。
当有人开始了一个
在WordPress论坛中的支持线程
时被告知要在谷歌的支持论坛中询问。
发布者和SEO社区负担合规性
这些网站从未设计遵守的标准。
这就是为什么这么多是努力与核心网络威力斗争的原因。出版商和SEOS致力于修复理想地应在代码级别固定的东西。
改善核心网络威力分数可能觉得试图升级本田思域的表现,以便雪佛兰科幻的标准。
显影剂没有建立一个克拉特。他们建造了一个本田思域。 但谷歌要求司机(
不是制造商
)改善对COR的表现vette水平。对你来说似乎是公平的吗?
询问软件的用户是否有理由改善它而不是软件的开发人员?
软件遵守核心的问题Web Vitals存在于代码级别,而不是用户级别。
广告联系读数下面
为什么出版商和SEO社区都负担了修复它们只是用户的用户?
是帮助吗?
谷歌提供了一个许多工具
诊断
中的问题和优惠在深度文章中解释如何修复这些编码问题。 但这些是编码问题而不是用户问题。
一个例子开发社区与谷歌之间的断开是累积布局班次的问题,而且RE Web页面移位并重新排列本身,因为页面元素被下载。
累积布局换档的常见原因是图像不具有声明的高度和宽度尺寸。谷歌推荐异国情调的解决方法,就像使用CSS使用宽高比框就像图像一样。
普通发布商和SEO可能不会理解哪些纵横比框是什么以及如何以一种不起作用的方式计算比率’t打破了网站。
在这个和描述
的宽高比框中,谷歌链接和看它是有意义的:
广告联系读数下面 “完美的正方形和16:9的东西很棒,但是那些使用的值只是简单的数学。宽高比可以是任何东西,而t嘿,通常是完全任意的。可以裁剪视频或图像。
所以我们如何弄清楚我们的1127.34×591.44 svg的填充顶部?
一种方式使用calc(),如这是:
填充 – 顶部:钙(591.44 / 1127.34 * 100%);“
善良!
这里是另一个例子。许多Web模板经常通过CSS设置图像宽度,以自动(宽度:自动;),无需设置图像的高度和宽度,以便使图像如徽标的尺寸如下,无论它如何,都要适合模板在移动或桌面设备上查看。这是一个常见的编码实践,导致累积布局换档。
这些是WP火箭必须挖掘并改变CSS和JavaScript的原因。
[例如,无论是否需要,WordPress Gutenberg都加载了存在的所有CSS。因此,WP Rocket的开发人员必须拨打代码解决方案。
下面
的广告联系读数这是
WP火箭的解释
他们作为重新设计的一部分所做的:
“……我们弃用了未使用的几个块。我们创建了一个自定义eNqueue系统,只有在需要时只有CSS&JS加载块。我们花了几分钟时间来开发这个系统。
我们还决定不使用古腾堡CSS文件。相反,我们将我们实际需要的CSS迁移到我们自己的样式表中,进入专用CSS文件。这是诀窍。“
如何创建网站的重新思考
了解核心网站Vitals Pro非常重要Blem.Google要求发布者和SEOS螺栓对CMS开发社区没有表现出对寻址的兴趣。
这是我们面临的妥协种类的一个例子,以及谷歌如何改变我们的方式开发网站。
让我们谈谈字体。
渲染阻止第三方资源可能会对最大的满足油漆产生负面影响。一个常见的瓶颈正在从谷歌字体等第三方网站下载字体。广告联系读数下面有许多技巧来应用,它是使用预加载链路属性的组合,也许是一些javascript等下载第三方字体核心Web Vitals友好的过程。
但是它会杀死你的网站,让你的网站离开那个花哨的字体behind?
一个简单的解决方案,它可以帮助得分更好是将网站字体切换到Apple,Windows和Android设备已经在其系统中加载的SANS Serif字体。
切换到设备内置的有吸引力的字体意味着该站点不再需要等待下载花式字体。
一种方法可以是这样的:
字体家庭:Helvetica,Tahoma,Sans-Serif;
如果Android没有已经装在浏览器中已经加载的Helvetica或Tahoma,那么设备将使用Roboto字体显示该站点。
屏幕截图Roboto Font
对于使用幻想字体的人来说,使用系统字体可能看起来极端。但这是妥协种类的一个例子Web Publisher可能需要制作,特别是在高竞争力的利基中的发布者。
广告联系读数下面
这种决定是一个专注于页面速度和转换的联盟网站的无意识。
今天发生的事情是我们生活在过渡时刻。事物正在改变过去的事情,以如何在未来开发人员如何做事(开箱即用)。
开发人员回应了对
移动友好网站的需求
。及时,他们可能开始响应对核心网络威力得分的对网站的需求。
设计的方式,设计了CMS系统,模板和插件的方式并未遵循需要考虑CO的出版商的需求re Web Vitals。
暂时,科技SEO和开发人员社区被困在不得不“修复”什么,以便使其遵守谷歌对网站应该是什么样子的想法。 当然,加载快速而不会转移的页面是一件好事。但是,要求软件的用户改进软件本身是一种负担。在此目的,在以下时间点读取在此时修复代码的负担在发布软件的中落在
的用户
上而不是
那个软件的开发人员。这是对吗? 可能发生的是,有些人可能会发现它有用,因为当WordPress和其他CMS软件捕获时,有些可能会尽可能多地解决其余的剩余时间。