14得票2回答
如何修复“在HTTP头中设置到期日期或最大年龄”的问题。

我正在使用FTP。当我在页面速度测试工具上运行我的网站时,它给出以下消息:“在HTTP标头中为静态资源设置到期日期或最大年龄会指示浏览器从本地磁盘加载先前下载的资源,而不是通过网络加载。” 我该如何解决这个问题?

156得票7回答
消除阻止页面首屏渲染的CSS代码

我一直在使用Google PageSpeed Insights来尝试提高我的网站性能,至今为止它已经非常成功。像推迟脚本之类的操作非常有效,因为我已经有了jQuery中 .ready() 的内部版本来推迟脚本,直到页面完全加载,所以我只需要将特定函数嵌入行内并将完整脚本移到页面末尾。这个方法非...

8得票5回答
根据Google的建议优化CSS加载速度

我在使用谷歌的PageSpeed Insights测试我的网站时发现,它告诉我可以通过延迟加载非关键资源来提高CSS传递速度。具体地说,它提到了Font Awesome的引入: <link rel="stylesheet" href="https://maxcdn.bootstrapc...

7得票2回答
Facebook JS SDK和Google Analytics的过期标头

我们都知道给静态资源添加一个远期到期日期是提高网站页面加载速度的好方法。 因此,我们已确保所有资源都能实现这一点,但是最常见的Facebook JS SDK和Google Analytics没有这样做,从而降低了整个页面的速度得分。 检查头文件显示Facebook有20分钟: Cach...

48得票6回答
Google PageSpeed - 消除因Google Fonts导致的阻止渲染以上折叠部分的资源。

我正在尝试优化这个网站:electronicsportsitalia-it,当我在Google PageSpeed上分析它时,该平台说有一个Google字体阻塞了页面渲染。 https://fonts.googleapis.com/css?family=Lato:300,400,700 ...

7得票8回答
懒加载img src会对SEO产生负面影响吗?

我正在处理一个购物网站,我们在结果中展示了40张图片。我们希望减少页面的加载时间,因为图片会阻塞 onload 事件,所以我考虑通过最初设置 img.src="",然后在 onload 后再设置图片来懒加载它们。请注意,这不是 HTML 片段的 Ajax 加载。图像 HTML 和 alt 文本...

30得票3回答
使用srcset会导致页面速度惩罚

像这样将视网膜屏幕和非视网膜屏幕分别显示在相应的设备上:<picture> <source srcset="non-retina.jpg, retina.jpg 2x"> <img src="non-retina.jpg"> </pictu...

10得票3回答
谷歌分析:网站速度平均值始终为0.00

我有以下代码(显然XX是一个实数):<script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-XXXXXX-XX']); _gaq.push(['_s...

8得票5回答
你是否应该在样式表中使用preconnect?

当您想要包含来自Google Fonts的字体时,建议您这样做: <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.g...

13得票1回答
Lighthouse和Performance之间的LCP时间 - Google Chrome

我正在使用Google Chrome Dev进行移动版的Lighthouse分析。 Lighthouse显示最大内容绘制(LCP)有7.0秒的延迟: 我决定深入研究并点击“查看原始跟踪”。 它将我重定向到性能选项卡: 在这里,它说LCP为749.7毫秒(= 0.7497秒)。 这个Ligh...