标签: google-pagespeed

是否有任何 HTML 属性可用于排除不使用 mod_pagespeed 的文件？

我的要求如下

< 脚本 src="demo.js" type="text/javascript" pagespeed="no">

谢谢

我已经设置了一个基本的C#应用​​程序来在我使用Google.Apis.Pagespeedonline.v2 nuget包指定的网站上运行PageSpeed测试.

设置很简单,我有一个变量,我可以指定url,然后进入服务

        // Create the service.
        var service = new PagespeedonlineService(new BaseClientService.Initializer
        {
            ApplicationName = "PageSpeed Sample",
            ApiKey = "[API_KEY_HERE]"
        });

        var url = "URL_TO_TEST";

        // Run the request.          
        var result = await service.Pagespeedapi.Runpagespeed(url).ExecuteAsync();

问题是.Runpagespeed方法只接受URL.我需要能够至少指定"移动"策略,这样我才能获得桌面和移动设备的分数.我知道这在其他库中是可行的,但在.NET中似乎缺失了.有人知道使用.NET库的方法吗？在参考文档中,它暗示该方法接受更多可选参数,但它不在代码中.

我在rewrite_javascript缩小JS文件的模块上有一个小问题。该功能很棒，因为如果我们清除缓存，pagespeed还会为每个文件生成一个新的URL，因此使我们能够轻松地将Cloudfront缓存与pagespeed一起使用ShardDomain

但是，我遇到了一个文件问题，/js/min/app/common.js"尽管该文件下的文件已被重写，但根本无法重写。

我只是不知道为什么会发生这种情况。

有没有人遇到相同的问题并找到了解决方案？

谢谢

更新：

很抱歉，这个问题需要花费时间。我在这里发布了我的pagespeed配置的详细信息：

在HTTP块中，我有：

pagespeed InPlaceResourceOptimization on;
pagespeed PreserveUrlRelativity on;
pagespeed ForceCaching on;
pagespeed InPlaceRewriteDeadlineMs 100;

pagespeed EnableFilters collapse_whitespace;
pagespeed EnableFilters recompress_images;
pagespeed EnableFilters convert_meta_tags;
pagespeed EnableFilters prioritize_critical_css;
pagespeed EnableFilters extend_cache;
pagespeed EnableFilters rewrite_css,sprite_images;
pagespeed EnableFilters rewrite_javascript;
pagespeed EnableFilters extend_cache;

pagespeed GlobalStatisticsPath /pagespeed_global_statistics;
pagespeed GlobalAdminPath /pagespeed;
pagespeed EnableCachePurge on;

我正在努力满足2个跳棋:W3C验证器和谷歌页面洞察力

Google Page Insight建议我异步加载所有阻止CSS文件.好吧,我已经用预加载的方式重写了样式表文件包含,如下所示,并从头部延迟到正文的末尾:

 ...
    <link rel="preload" href="mystyles.css" media="all" as="style" 
                     onload="this.rel='stylesheet'"/>
</body>

Google Page Insight迫使我从脑袋中取出它并将其放在身体末端.

好的,我可以对抗Google Page Insight.

但W3C Validator现在说我:

错误:链接元素不得显示为body元素的后代,除非link元素具有itemprop属性或具有rel属性,其值包含dns-prefetch,pingback,preconnect,prefetch,prerender或stylesheet

为什么"预加载"不被承认在rel属性中？我试图分配一个itemprop,但是不可能在同一个链接中有一个itemprop和一个rel.

我的网站速度目前在Google Page Speed中显示不可用.它表明数据取决于CrUX.请让我明白为什么它不可用,什么是CrUX

谷歌表示,必须进行5次网络往返,并且在前3次往返之后,只有18%的内容可以查看.

我怎样才能改善这个？

谢谢.

Google Page Speed在这里向我报告了一个我无法理解的错误。

删除未使用的代码 我使用了 Google Page Speed 所说的所有 javascript，实际上 vendor.js 是项目的主要脚本。与 Webpack 和 Laravel 编译和统一。

那么为什么 Google Page Speed 说我不使用这些脚本呢？在我上传 lazysizes 插件之前，我没有得到任何这些。

另一方面，网站加载速度很快。我认为 Google Page Speed 非常不可靠。

我想提高我的谷歌页面速度结果。我发现我的主要问题之一是累积布局移位。我意识到这个问题是由cookies和促销弹出窗口引起的。

您对如何解决此谷歌页面速度问题有什么建议吗？我认为延迟渲染 cookies 弹出窗口是不正确的，谷歌可以检查这一点并将其标记为问题。

我使用 Coverage 来识别登陆页面上未使用的 CSS 和 JavaScript 代码。这极大地减少了加载时间。但现在我遇到了一个问题，当我在小型设备上查看页面时，下拉菜单似乎缺少 css 代码（或不确定的 javascript 代码），该下拉菜单应该转换为汉堡菜单。

所以我的问题是覆盖率如何计算未使用的代码。它是否仅在当前浏览器视图中执行此操作（在响应式设计的情况下可能不会使用所有 css 代码？）

如果这是真的，我怎样才能找出真正没有使用的东西。尝试不同的分辨率并多次运行覆盖？

有人遇到同样的问题吗？

我聘请了一名开发人员来提高我的网站加载速度。他建议将 AMP 用于 Wordpress 插件。他在移动设备和桌面设备上都给了我 100 分的满分。我对此非常怀疑，因为我的网站很重，其他开发人员甚至不会承诺 90+ 的分数。我很确定这个开发人员只是在骗我 - 我想知道我如何才能找到？

有人可以帮我诊断该网站以查明它是否真实吗？听起来好得令人难以置信。