8得票4回答
将Critical CSS内联是否值得?

Google Pagespeed在外部文件中存在阻塞CSS时会进行投诉。在HTTP/1中,这可能是有道理的,但是在现在使用HTTP/2的情况下呢? 如果内联临界CSS(以上折叠线),那些字节仍然需要下载、解析以及其他所有操作,全部在文档呈现之前完成。 使用HTTP/2后,无需建立另一个连接...

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

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

8得票1回答
如何在特定的URL上禁用页面速度?

我目前在我的新网站上使用页面速度,对此非常满意。 但是我刚刚意识到我的/phpmyadmin现在是空白的。 我知道这是因为页面速度,因为当我访问/phpmyadmin/?PageSpeed=off时,它又可以正常工作了。 所以我的想法是仅在/phpmyadmin和/phpmyadmin/*上禁...

8得票2回答
即使异步加载资源,Google Page Speed 仍然会出现渲染阻塞问题。

谷歌页面速度分析 "尝试推迟或异步加载阻塞资源,或直接在 HTML 中内联这些资源的关键部分。" 上述问题提示我需要对我的两个样式表进行处理。因此,我使用以下代码加载我的样式表以推迟样式表的加载。 window.onload = loadResource; function loa...

8得票3回答
“使用高效的CSS选择器”规则发生了什么?

谷歌PageSpeed建议网页开发者使用高效的CSS选择器: 避免匹配大量元素的低效键选择器可以加快页面渲染速度。 细节: 当浏览器解析HTML时,它构建一个内部文档树,表示所有要显示的元素。然后,它根据标准CSS级联、继承和排序规则,将元素与各种样式表中指定的样式匹配。在Mozilla...

8得票3回答
浏览器何时初始化Flash?

我正在优化一个带有Flash的页面。我正在使用优化实践,如将Javascript移动到底部以避免阻塞、删除内联脚本并通过压缩css和js来减少HTTP请求。 大部分页面内容都在Flash中,因此尽快加载它是目标。目前,在Flash被渲染之前会有2~3秒的延迟(使用火狐浏览器进行性能分析)。 ...

8得票3回答
如何配置Sitecore以生成媒体项的绝对链接?

<sc:Image>和<sc:FieldRenderer>在渲染MediaItem时,会生成以下类似的html代码: <img src="~/media/twitter.gif" alt="Twitter" width="100" height="22" /&g...

8得票2回答
JPG文件大小优化 - PHP,ImageMagick和Google的页面速度

我有一个照片库代码,可以调整图像大小并创建缩略图。我使用ImageMagick来完成这个过程。我通过Google的Page Speed工具运行了一个图库页面,发现重新调整大小的图像和缩略图都有大约额外10KB的数据(特别是JPEG文件)。 我应该在我的脚本中添加什么来优化文件大小? 附加信...

8得票1回答
如何使用缓存控制和ETag来设置HTTP头部?

我想在我的Joomla网站上使用Cache Control和ETag,如Google所建议的。但我不知道该如何实现。我在谷歌上搜索了很多,但没有找到值得参考的例子。 有人可以告诉我如何做吗?? 对于Cache Control,我找到了这个例子,但这是完整的语法吗?在<head>...

8得票2回答
使用Cloudfront时,如何相对于当前日期设置Expires Header?

我们正在开发一个大型网站,所有的图片和资源都在亚马逊S3上。我们还使用Cloudfront来全球分发我们的内容。我们想要做的是告诉客户端Web浏览器缓存我们的文件,因为当我们更改它们时,我们也会更改URL(Cloudfront不会在其他地方反映更改24小时)。 我们目前正在使用ETags,但...