标签: google-pagespeed

Google PageSpeed建议我的网页上的图片可以进行优化.无损压缩平均可节省11%,但我的图像是使用以下FFmpeg命令创建的:

ffmpeg -i '$video_path' -vcodec mjpeg -vframes 1 -an -f rawvideo -ss 00:00:20 -s 145*108 $thumb_image

有没有办法可以优化这些图像？

我为客户建立了一个模板和一些站点.我总是关注网站加载时间.我的Google PageSpeed Insights是我的主要工具之一.两天前,我提到了一些不同的东西.我发现我的很多网站页面负载都在下降.而影响该更改的PageSpeed规则是" 改善服务器响应时间 ".我以前从未见过这条规则.

我要求我的托管服务知道是否有任何服务器问题,并使用GTmetrix进行检查.他说没关系,他没有发现任何重大问题.我自己检查一下,看到该网站的Google PageSpeed Insights 有所不同.

请看一下,

• 这是pagespeed洞察力测试结果http://imm.io/123Ex
• 这是GTMetrix测试结果http://imm.io/123EV

是"提高服务器的响应时间"是一个新的规则,如果它是的,我能做些什么呢？

我正在努力遵循google pagespeed建议并利用浏览器缓存.为此,我将以下代码放入我的nginx.conf文件的服务器块中.

location ~*  \.(jpg|jpeg|png|gif|ico|css|js)$ {
    expires 365d;
}

location ~*  \.(pdf)$ {
    expires 30d;
}

它似乎工作得很好,页面速度将我的分数从87/100提高到95/100.但是,当我单击我的网站的刷新按钮时,它似乎不再加载css文件？缓存不起作用吗？

我得到的错误信息是

Failed to load resource: the server responded with a status of 404 (Not Found)

这是我的整个nginx.conf文件

worker_processes 1;

events {

    worker_connections 1024;

}

http {
    include /etc/nginx/mime.types;

    sendfile on;

    gzip              on;
    gzip_http_version 1.0;
    gzip_proxied      any;
    gzip_min_length   500;
    gzip_disable      "MSIE [1-6]\.";
    gzip_types        text/plain text/xml text/css
                  text/comma-separated-values
                  text/javascript
                  application/x-javascript
                  application/atom+xml;

    # Configuration containing list of application servers
    upstream app_servers {

        server 127.0.0.1:8080;
    }

    # Configuration …

curl -I -H 'Accept-Encoding: gzip,deflate' https://example.com/a.min.js


HTTP/1.1 200 OK
Server: nginx
Date: Thu, 22 Jun 2017 02:45:49 GMT
Content-Type: application/javascript; charset=utf-8
Content-Length: 5430
Connection: keep-alive
X-Accel-Version: 0.01
Last-Modified: Sat, 14 Jan 2017 12:50:18 GMT
Accept-Ranges: bytes
Vary: Accept-Encoding,User-Agent
Content-Encoding: gzip
X-Powered-By: PleskLin
Cache-Control: max-age=2628000, private

在这里，很明显该文件已压缩，但是在chrome，pagespeed和gtmetrix的情况下，他们提到该文件未压缩。当我在Chrome浏览器中查看时，标头中没有内容编码。

我的主页也被gzipp压缩了。使用varvy服务时，他们说您的本地文件未压缩。

我在nginx和apache中都启用了压缩。也在.htaccess中。但这很奇怪。

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

这是我的台式机网站，得分为99/100。

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

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

谢谢。

编辑：网站URL：creatufrase.net

我正在处理woff2文件类型的类似问题，并使其成功完成。

事实是，woff2文件存在于服务器中，并且能够在以下位置引用它：

<link rel="preload" href="fonts/fontawesome-webfont.woff2" as="font" type="font/woff2" crossorigin>。

正如我从PageSpeed Insights获得的一样，下面的图片内容是：

我该如何解决初始路径？

我知道这可能看起来有点模糊，但我将提供更多背景信息：在我工作的公司中，我们使用（我个人的想法是我们滥用）Google Tag Manager (GTM)来注入一些第三方GTM 标签内的脚本。大多数情况下，我们使用它来操作某些页面模板（例如产品页面）中的 DOM 并注入第三方脚本（例如 Zopim 聊天、Facebook Pixel 等\xe2\x80\xa6）。

DOMContentLoaded我们通常做的事情是：在页面加载时和/或事件发生时操纵 DOM load，因此对我来说，显然如果没有这些 GTM 标签，我们的网站将在PageSpeed Insights和Chrome DevTools\' Lighthouse中获得更好的分数。如果没有激活 GTM 标签，我无法测试该网站，因为它已经在网站中随处可见。

这种 GTM 的使用对我们网站的速度有多大影响？

我不明白https://www.openstream.ch移动版上的哪个元素被 Lighthouse认为是最大的内容绘制。

当我使用 PageSpeed Insights（目前在 Lighthouse v6.0.0 上运行）测试当前版本的网站时，它有 90 点的桌面和1.8 秒来渲染最大的内容绘制，这似乎是视图底部的 4 个图像港口：

当我切换到移动结果时，它有 61 个点和 3.7s 来渲染Largest Contentful Paint，尽管视口中甚至没有图像：

在https://web.dev/lcp/ 上，它说目前考虑用于最大内容绘制的元素类型是：

• <img> 元素
• <image> 元素内的元素
• <video> 元素（使用海报图片）
• 具有通过 url() 函数加载的背景图像的元素（与 CSS 渐变相反）
• 包含文本节点或其他内联级文本元素子级的块级元素。

当我在适用于 macOS 的最新版 Chrome（Lighthouse 5.7.1）中进行测试时，最大的内容绘制在大约 0.5 秒后呈现：

这是 Lighthouse 6.0.0 中的错误还是可能有其他原因？

我最近注意到 Google 更新了 PageSpeed Insight 报告页面。有一个“起源摘要”。

它到底是什么意思？为什么它与现场数据略有不同？

我正在尝试在 Google Search Console 中为 Weebly/Square 网站使用 PageSpeed Insights 并收到错误消息：

灯塔返回错误：NOT_HTML。提供的页面不是 HTML（作为 MIME 类型）

一开始它对我有用（我测试了 2-3 次）。我调整了一些图像的大小并再次尝试。从那时起收到此错误。

Square 的支持表明它不站在他们一边。