为了提高感知性能,必须优先加载对用
Posted: Sat Dec 21, 2024 10:17 am
缩小 CSS、HTML、JavaScript
缩小是指在不影响浏览器处理页面的方式的情况下删除不必要或冗余的数据。错误的编码可能是导致此问题的原因,可以通过多种方式解决。
除了手动检测页面的源代码之外,Google 建议尝试以下资源:
用于缩小 HTML 的HTML 缩小器。
CSSNano和CSSO用于缩小 CSS。
UglifyJS2和用于缩小 JavaScript 的闭包编译器。
当然,另一种选择是利用Google 的 AMP和AMP for 广告 框架。这两个程序都 奥地利WS球迷 允许开发人员使用 HTML、CSS 和 JavaScript 的精简版本构建页面。结果是页面和广告在不到一秒的时间内加载。
优先考虑首屏内容
看起来很奇怪,页面加载时间不仅仅取决于页面加载速度。正如KeyCDN 的Brian Jackson所解释的那样,这也与“感知性能”有关:
“感知性能可以简单地描述为网站加载时的速度感觉。这可能与网站加载速度略有不同。感知的性能完全来自用户的角度,而不是来自网站速度测试工具。”
户重要的内容。例如,首屏页面上的文本应在第三方小部件之前加载。
然而,当代码结构不正确时,用户可能难以察觉结果。如果最后加载的页面元素是用户单击查看的元素,则页面会感觉加载时间更长。
加快服务器响应时间
服务器响应时间是服务器开始为用户加载页面内容所需的时间,并且可能会因多种因素而变慢,根据谷歌的说法,这些因素是:
缩小是指在不影响浏览器处理页面的方式的情况下删除不必要或冗余的数据。错误的编码可能是导致此问题的原因,可以通过多种方式解决。
除了手动检测页面的源代码之外,Google 建议尝试以下资源:
用于缩小 HTML 的HTML 缩小器。
CSSNano和CSSO用于缩小 CSS。
UglifyJS2和用于缩小 JavaScript 的闭包编译器。
当然,另一种选择是利用Google 的 AMP和AMP for 广告 框架。这两个程序都 奥地利WS球迷 允许开发人员使用 HTML、CSS 和 JavaScript 的精简版本构建页面。结果是页面和广告在不到一秒的时间内加载。
优先考虑首屏内容
看起来很奇怪,页面加载时间不仅仅取决于页面加载速度。正如KeyCDN 的Brian Jackson所解释的那样,这也与“感知性能”有关:
“感知性能可以简单地描述为网站加载时的速度感觉。这可能与网站加载速度略有不同。感知的性能完全来自用户的角度,而不是来自网站速度测试工具。”
户重要的内容。例如,首屏页面上的文本应在第三方小部件之前加载。
然而,当代码结构不正确时,用户可能难以察觉结果。如果最后加载的页面元素是用户单击查看的元素,则页面会感觉加载时间更长。
加快服务器响应时间
服务器响应时间是服务器开始为用户加载页面内容所需的时间,并且可能会因多种因素而变慢,根据谷歌的说法,这些因素是: