标签: pagespeed

Yandex Metrika 标签降低了网站速度 Google 页面速度 isights 报告

因此,在我的所有网页上,我都有此代码,Yandex metrika 使用该代码进行分析。根据谷歌的说法,这个脚本正在减慢我的页面速度,需要改变它的加载方式,以免渲染阻塞、TTI 时间输入阻塞、FID 第一个输入延迟阻塞、第一个内容绘制阻塞。

<script data-cfasync="false" type="text/javascript">
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

   ym(XXXXXXXX, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true,
        webvisor:true
   });
</script>
Run Code Online (Sandbox Code Playgroud)

Google 的页面速度报告如下 https://developers.google.com/speed/pagespeed/insights/

Yandex metrika脚本标签慢优化主线程阻塞减少第三方代码影响

Yandex Metrika 主标签缓慢减少 javascript 执行时间脚本评估 CPU 时间

我可以修改 Yandex metrika javascript 来解决此问题吗?

pagespeed pagespeed-insights

2
推荐指数
1
解决办法
7032
查看次数

NextJs - 改善 Google Pagespeed 上的“总阻塞时间”


我正在使用 NextJS,而且我对此还很陌生。我正在努力提高我在 Google Pagespeed 上的排名,并且我已经在这方面取得了一些良好的进展。
正如你们在屏幕截图中看到的,唯一不好的指标是“总阻塞时间”:

在此输入图像描述

如果你们想尝试页面速度,那就是链接: Google PageSpeed

现在我已经没有办法让这个更好了,我已经动态导入我的组件,删除了未使用的 JS,我正在使用 NextJs 最佳实践。

我非常感谢你们能提供的任何帮助

提前致谢

javascript pagespeed reactjs next.js

2
推荐指数
1
解决办法
9988
查看次数

如何确定第一个字节的时间?

我最近一直在阅读很多关于性能的文章,并且有一些工具可以帮助您提高网页的速度.但我找不到任何可以告诉我网页第一个字节的时间是什么的工具.任何提示?

performance firebug timing pagespeed

1
推荐指数
1
解决办法
7789
查看次数

如何将 CloudFlare“灵活 SSL”与 Nginx PageSpeed 过滤器结合使用

我刚刚开始使用 CloudFlare“灵活 SSL”,这允许用户在连接到我的服务器时拥有 SSL(当然是通过 CloudFlare)。

\n\n

请求的流程如下:

\n\n

访客<-- SSL --> CloudFlare <-- 非 SSL -->我的服务器(Nginx w/pagespeed)

\n\n

当 Nginx 重写我的资源(css、js、jpegs 等)时,问题就出现了,nginx 总是收到来自 CloudFlare 的 http 请求,所以显然 Nginx 将资源返回为 http(在 html 中),当用户尝试加载它们时,他们会得到浏览器上有一个丑陋的图标,警告不安全的内容,或者根本不加载不安全的内容,从而完全破坏页面。

\n\n

这些是我当前正在使用的过滤器:pagespeed EnableFilters move_css_above_scripts,move_css_to_head,rewrite_style_attributes,combine_javascript,insert_image_dimensions,collapse_whitespace,sprite_images,ins\xe2\x80\x8c\xe2\x80\x8bert_dns_prefetch;

\n\n

那么如何让 nginx pagespeed 以 https 形式返回资源呢?当请求是http时,如何作为非https?

\n\n

谢谢。

\n

ssl https nginx pagespeed cloudflare

1
推荐指数
1
解决办法
1915
查看次数

mod_pagespeed:使用htaccess排除某个目录

如何使用htaccess规则为mod_pagespeed排除一些目录....

注意:我只需要禁用某些目录而不是所有文件和文件夹

.htaccess pagespeed mod-pagespeed

1
推荐指数
1
解决办法
9472
查看次数

什么是加载网站的阻止时间?

在chrome F12-> network中有一个带有mywebsite.com名称的字段,该字段的阻止部分需要30秒!

我该如何减少呢?

performance web-hosting shared-hosting pagespeed

1
推荐指数
1
解决办法
1808
查看次数

PageSpeed 和 CDN 图像

我目前有一个站点,通过 AWS Cloudfront 为位于 AWS S3 上的图像提供服务。

我不打算安装 PageSpeed,我想利用 PageSpeed 提供的图像优化和延迟加载(页面视图外)。

我的问题是:

我是否需要使用 PageSpeed 将图像从 S3 移动到服务器上以利用图像优化和延迟加载。例如:图像需要位于安装 PageSpeed 的本地,或者在这种情况下它们可以在 S3 外部吗?

我可以看到如何将 pagespeed 从文件系统引导到加载文件(图像),如下所示。

pagespeed LoadFromFile http://static.example.com/ /var/www/static/;
Run Code Online (Sandbox Code Playgroud)

对此的答案是将图像放在本地并使用“LoadFromFile”会更快,但可以使用远程存储库吗?

谢谢亚当

编辑:我现在可以看到以下内容:

pagespeed LoadFromFileMatch "^https?://example.com/~([^/]*)/static/"
                            "/var/www/static/\\1";
Run Code Online (Sandbox Code Playgroud)

看起来这可能允许 PageSpeed 检查本地资源,然后在需要时从远程 HTTP 位置获取。

pagespeed

1
推荐指数
1
解决办法
3370
查看次数

哪个CSS更快?盖帽尺寸是否提高了速度?

是否有三个代码十六进制的快捷方式,例如,黑色可以写两种方式

.black{color:#000}
.black{color:#000000}
Run Code Online (Sandbox Code Playgroud)

可以#DBDBDB这样来写短?因为#DBD不起作用.

还有什么更快,重要的是,我注意到Firebug以区分大小写的形式吐出颜色和其他一些变量.有关系吗?将所有内容都设置为小写是否更快,以便浏览器和用户可以加载和渲染更快?

.webform{color:#dbdbdb}
.WebForm{color:#DBDBDB}
Run Code Online (Sandbox Code Playgroud)

html css optimization performance pagespeed

0
推荐指数
1
解决办法
384
查看次数

只有1 Magento Storefront慢

我有Magento设置来管理VPS上的7个不同的店面.每个店面都有一个独特的IP,当然它们共享同一个数据库,只有一些产品在某些网站上.大约一个星期前,其中一个店面变得非常缓慢.我说的是超过10次加载时间.奇怪的是,所有其他网站仍然在大约4秒内嗡嗡作响.但定期,他们的表现也将下滑.我的主人说他们没有对服务器做任何事情,他们纠正了一些问题,但即使他们也无法确定发生了什么.我减少了日志清理之间的时间(即使我认为不需要).我必须补充一点,我有超过100个静态页面,而且我们的htaccess相当大(215k)因为数量或重定向和阻塞的IP.我认为这是一个magento问题而不是服务器问题,但我无法弄清楚为什么它只是这一个店面.这有没有发生在其他人身上?或者有什么我可以忽略的?

magento storefront pagespeed

0
推荐指数
1
解决办法
451
查看次数

提高网站速度的网页提示?

提供一些有用的提示

  • 如何提高网站的速度?
  • 使用子域名有哪些优缺点?

我的网站是CareerMitra.com

pagespeed

0
推荐指数
2
解决办法
897
查看次数

Javascript的标准时间单位是多少?

嘿,我想知道在任何人都知道的测量时间单位?我认为这将是所有JavaScript的标准,所以我认为这是您需要的所有信息.

非常感谢提前!

$('.slider-text-image').flexslider({
        animation: "fade",
        slideshowSpeed: 4000,
        animationDuration: 600,
        controlNav: true,
        keyboardNav: true,
        directionNav: false,
        pauseOnHover: true,
        pauseOnAction: true  

});
Run Code Online (Sandbox Code Playgroud)

javascript jquery slideshow pagespeed

0
推荐指数
1
解决办法
2360
查看次数

为什么页面速度不将js和css合并在一行中,为什么页面合并在不同的组中?

我有按字按网站,我在AWS服务器上安装了Mod页面。

我已经使用combining_css,combine_javascript过滤器,但是它没有在同一行中将js和css组合在一起,而是在不同的组中进行组合。

因此,我想将我的js,css文件合并为2个不同文件(如js和css)的一行。

我已经尝试在/pagespeed.conf文件中设置波纹管,但是它不起作用

我的页面速度设置:-

ModPagespeedRewriteLevel PassThrough

ModPagespeedEnableFilters add_head,combine_css,combine_javascript,convert_meta_tags,extend_cache,fallback_rewrite_css_urls,flatten_css_imports,inline_css, inline_import_to_link,
inline_javascript,rewrite_css,rewrite_images,rewrite_javascript,rewrite_style_attributes_with_url

 ModPagespeedFileCacheSizeKb          102400
 ModPagespeedFileCacheCleanIntervalMs 3600000
 ModPagespeedLRUCacheKbPerProcess     1024
 ModPagespeedLRUCacheByteLimit        16384
 ModPagespeedCssFlattenMaxBytes       2048
 ModPagespeedCssInlineMaxBytes        2048
 ModPagespeedCssImageInlineMaxBytes   0
 ModPagespeedImageInlineMaxBytes      3072
 ModPagespeedJsInlineMaxBytes         2048
 ModPagespeedCssOutlineMinBytes       3000
 ModPagespeedJsOutlineMinBytes        3000
 ModPagespeedMaxCombinedCssBytes      -1
 ModPagespeedMaxCombinedJsBytes       92160

  ModPagespeedCombineAcrossPaths off
Run Code Online (Sandbox Code Playgroud)

pagespeed mod-pagespeed

0
推荐指数
1
解决办法
2271
查看次数

Google 页面速度洞察不适用于 Firebase Hosting 上托管的网站

我为一家公司建立了一个网站,当我去尝试谷歌页面速度中的https://openroad.nz域时,它返回此错误Requests from referer https://www.googleapis.com/ are blocked

知道这是什么以及为什么会发生吗?

pagespeed google-pagespeed pagespeed-insights

0
推荐指数
1
解决办法
793
查看次数