Google PageSpeed:台式机与移动设备之间的巨大差距

毛里林特

我试图改善/优化我的网站性能,但无法使其正常工作。

这是我的台式机网站,得分为99/100。 在此处输入图片说明

这是我在Mobile上的网站表现,得分为40/100。

在此处输入图片说明

服务器的东西有很大的不同,不知道为什么或如何改进它。

谢谢。

编辑:网站URL:creatufrase.net

金特斯

新版Google PageSpeed的主要不同之处在于,如何测试台式机和移动设备的方式,在移动设备上应用了互联网连接限制并降低了CPU速度。

Currently, Lighthouse (Google PageSpeed) simulates a page load on a mid-tier device (Moto G4) on a mobile network. With these following network limits:

  • Latency: 150ms
  • Throughput: 1.6Mbps down / 750 Kbps up.
  • Packet loss: none.

As well, the mobile device is with slowed down CPU power.

In this case, if your website is JavaScript heavy then lower CPU powered mobile devices parse and process JavaScript much slower and the network limits slow down overall speed if you have a large website with large images or other elements.

As I can't find official confirmation, I'm guessing that desktop tests are tested without these limits and that for some website could make a huge difference between mobile and desktop data in the new Google PageSpeed tests. Especially, if your website is a bit with more JS or contains heavy images.

For confirmation about these limits I did a quick test using Lighthouse Audit tool in the Google Chrome Dev Tools and used for mobile network and slowed down CPU limits, but for desktop didn't apply any limits and I got similar timing results as in Google PageSpeed mobile vs desktop.

Based on all this information, have a closer look at your script usage under Reduce JavaScript execution time. Start with reviewing ad/tracking scripts, Add This widget and other 3rd party scripts.

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Google Analytics(分析)如何确定“设备类别”(移动设备/平板电脑/台式机)?

在移动设备的标题和主要类别之间存在巨大差距

Google Web字体在移动Safari和台式机Chrome上的呈现方式有所不同吗?

移动版和台式机上的Google字体

台式机和移动设备之间的C#平台检测

从台式机作为移动设备访问网站?

Bootstrap表单布局(台式机与移动设备输入顺序)

imageview和textview之间的巨大差距

Google字体加载在台式机上,而不是移动版上吗?

Android设备被归类为台式机

MVC 查看新闻计数器和 Google Analytics 之间的巨大差异

图像网格:台式机为5 x 5,而移动设备为3 x 9

Bootstrap导航栏-在台式机和移动设备中对齐元素

Angular中移动设备和台式机的不同布局/路线

在台式机和移动设备上检测点击(或触摸)的最可靠方法是什么?

媒体查询以狭窄的台式机而非移动设备为目标

这是在preact / react中为台式机和移动设备实现单独网站的最佳方式

此脚本不适用于移动设备,但适用于台式机

Flexbox布局,台式机两列,移动设备一列

CSS媒体可在移动设备和台式机中隐藏/显示div?

媒体查询:如何定位台式机,平板电脑和移动设备?

带有Angular 9的Ionic 5:如何从台式机(非移动设备)打印

如何在台式机、平板电脑和移动设备上获得相同的显示效果

在移动设备上显示与台式机完全相同的响应式网站

如何在移动设备中显示与台式机相同的bootstrap 4卡结构?

媒体查询图像以在台式机和移动设备上工作

HTML电子邮件-用于台式机和移动设备的不同图像

AngularJS:针对台式机和移动设备使用不同的模板吗?

仅将JavaScript应用于移动设备或台式机