【问题标题】:Immense loading time despite "positive" Google PageSpeed尽管 Google PageSpeed “积极”,但加载时间却很长
【发布时间】:2020-07-20 17:35:18
【问题描述】:

挑战/问题

https://www.example.com/nachhilfe-hamburg/ 需要 几秒钟来加载(在我这边,在第一个内容/任何内容可见之前 3-4 秒)。

如果我使用 Google PageSpeed Insights https://developers.google.com/speed/pagespeed/insights/ 检查它,它似乎 ok,至少没有那么多加载,因为它需要 相比之下 到那里的其他网站,例如这个非常相似的页面的页面速度要快得多https://www.example.com/nachhilfe-online.php。是什么导致了这个加载时间过长

我的论文

这是因为 重定向 和/或因为 .htaccess 有问题。对于https://www.example.com/nachhilfe-hamburg/ 页面,它通常是在.htaccess 中基于此创建的:

RewriteRule ^nachhilfe-(hamburg)/$ /nachhilfe-stadt.php?stadt=$1 [NC,L]

我还检查并检查了控制台,但似乎没有任何东西会对加载时间产生影响。

可能相关的.htaccess 部分:

RewriteEngine On
RewriteBase /
RewriteCond %{HTTP_HOST} !^$
RewriteCond %{HTTP_HOST} !^www\. [NC]
RewriteCond %{HTTP_HOST} ^example.com [NC]
RewriteCond %{HTTPS}s ^on(s)|
RewriteRule ^ https://www.%{HTTP_HOST}%{REQUEST_URI} [R=301,L]


RewriteCond %{HTTP_HOST} ^example.com [NC,OR]
RewriteCond %{HTTP_HOST} ^www.example.com [NC]
RewriteRule ^(.*)$ https://www.example.com/$1 [L,R=301,NC]


RewriteCond %{QUERY_STRING} ^$
RewriteCond %{THE_REQUEST} /index\.php
RewriteRule ^index\.php https://www.%{HTTP_HOST}/ [R=301,L]
RewriteRule ^Index\.php$ /index.php [R=301,L]

RewriteCond %{THE_REQUEST} ^[A-Z]{3,9}\ /index\.(html?|php)\ HTTP/
RewriteRule ^index\.(html?|php)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
RewriteRule ^index\$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

RewriteRule ^nachhilfe-(hamburg)/$ /nachhilfe-stadt.php?stadt=$1 [NC,L]

目前有助于提高页面速度的当前方法

  • 将“延迟”附加到所有非必要脚本(某些 Google 脚本确实减去了一些 Google PageSpeed 积分)
  • 将 png 转换为 jpg
  • 延迟加载所有未显示在顶部的图像
  • 寻找更有效地嵌入 youtube 的解决方案(现在有一个占位符,只有在点击时才会加载视频并连接到 youtube)

【问题讨论】:

    标签: php .htaccess redirect pagespeed


    【解决方案1】:

    在 Google Chrome 上,您有一个 Network 选项卡(在其他浏览器中也是如此),如果您签入该选项卡,您将看到已加载以呈现页面的每个资源的加载时间,您将看到您有 2 个需要大量时间的大型资源:

    https://fonts.googleapis.com/css?family=Arimo
    

    https://www.nachhilfe-team.net/nachhilfe.css
    

    尝试删除这些并查看加载时间是否发生变化(显然不考虑取出 CSS,但您可以考虑将其集成到 header 标签中)

    【讨论】:

    • 非常感谢! https://www.nachhilfe-team.net/nachhilfe.css 就在 </head> 标签之前。现在这两行是熟悉的,但它们也在其他页面上,比例如快得多。 https://www.nachhilfe-team.net/nachhilfe-kosten.php(与另一个相比就像即时加载)。必须有别的东西,否则我的浏览器只是决定在该特定 URL 上多放几秒钟。
    • @Franky2207 您可以将 CSS 集成在标题内联中,因此使用 <head><style>...,这样浏览器就不必发出新请求来获取 CSS。您是否尝试过删除 google 字体链接?
    • 谢谢!我试图删除字体,但没有帮助。现在奇怪的是,它在使用相同资源、加载相同脚本等的非常相似的页面上运行如此流畅(如https://www.nachhilfe-team.net/nachhilfe-online.php)。仍然在这里加载永恒,也许是太多的数据库请求?这个页面有很多。在 Google PageSpeed 上显示“初始服务器响应时间 2.88 秒”,但并没有真正说明为什么它这么高。
    • @Franky2207 我不知道为什么实际上,我看到一个高 TTFB 但这取决于连接、位置等,我只能说你应该最小化 JS 文件并调整图像大小以使用较小的尺寸/质量,或使用惰性加载器
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-04
    • 1970-01-01
    • 2016-12-23
    • 1970-01-01
    相关资源
    最近更新 更多