前端优化技术的计算机兼容性调试介绍_前端优化,javascript,前端架构,缓存

SEOER可以通过测量和分析网页性能的速度来获取网页上的大部分性能数据。如何根据这些数据采取适当的方法和手段优化SEO性能

基于seo优化的PC浏览器前端优化技术

有很多前端优化策略，可以概括为网络加载类、页面呈现类、CSS优化类、JavaScript执行类、缓存类、图像类、，架构协议类等

网络加载类

前端优化技术的计算机兼容性调试介绍(图1)

减少HTTP资源请求的数量

百度和谷歌官员在其搜索优化指南中反复强调尽可能多地合并HTTP请求。在前端页面中，一般建议尽量结合静态资源图片、JavaScript或CSS代码，以减少页面请求数量和资源请求消耗，从而缩短首次访问页面的用户的等待时间。通过构建组合图像、CSS、JavaScript和其他文件的工具，可以减少HTTP资源请求的数量。此外，我们应该尽一切努力避免重复资源和增加冗余请求

减少HTTP请求的大小

除了减少HTTP资源请求的数量外，我们还应该减少每个HTTP请求的大小。例如，您可以通过减少不必要的图像、JavaScript、CSS和HTML代码、优化文件压缩或使用gzip压缩传输内容来减少文件大小和网络传输延迟。特别是百度闪电算法之后，对网站的访问速度也有要求

3。将CSS或JavaScript放在外部文件中，避免使用&；直接地lt；&样式；燃气轮机；或（&A）；lt；&脚本；燃气轮机；标记

引用HTML文件中的外部资源可以有效地使用浏览器的静态资源缓存，但有时对于简单的移动页面CSS或JavaScript，CSS或JavaScript会直接写入HTML以减少请求，具体取决于CSS或JavaScript文件的大小和业务场景。如果CSS或JavaScript文件的内容更多，业务逻辑更复杂，建议将其引入外部文件

&；lt；linkrel=“样式表”href=“//cdn.domain.com/path/main.css”&；gt；&；lt；scriptsrc=“//cdn.domain.com/path/main.js”&；gt；&；lt；&脚本；gt；

避免空心href和SRC

when&；lt；链接（&A）；燃气轮机；标记的href属性为空或（&；lt；&脚本；gt；、&；lt；图像（&G）；gt；&；lt；i框架（&；燃气轮机；当标记的SRC属性为空时，浏览器仍会在呈现过程中加载href属性或SRC属性的空内容，直到加载失败，从而阻止页面中其他资源的下载过程加载内容。无效，因此应尽量避免使用

&；lt；imgsrc=“”alt=“照片”&；燃气轮机；ahref=“&；gt；单击链接lt；/A>；

为HTML指定缓存控制或过期

为HTML内容设置缓存控制或过期以缓存HTML内容并避免频繁请求服务器。当页面缓存控制或过期标头有效时，浏览器将直接从缓存中读取内容，而不会向服务器发送请求。

<；metahttp等效=&；QUOTE；缓存控制（&C）；QUOTE；内容=&；QUOTE；最大年龄=7200岁；quot；/&；gt；&；lt；metahttp等效=&；QUOTE；过期（&P）；QUOTE；内容=&；QUOTE；2016年7月20日星期一3:00:00GMT&；quot；/&；gt；

6、合理设置Etag和lastmodified

合理设置Etag和lastmodified以使用浏览器缓存。对于未修改的文件，静态资源服务器将返回304到浏览器，让浏览器从缓存读取文件，减少web资源下载的带宽消耗，并减少服务器负载；lt；metahttp等效=&；QUOTE；上次修改（&M）；QUOTE；内容=&；QUOTE；周一，2017年10月3日14:45:57GMT&；quot；/&；gt；

减少页面重定向

每个页面重定向都会延长页面内容返回的等待延迟。重定向大约需要600毫秒。为了确保用户能够尽快看到页面内容，应尽可能避免页面重定向

8。使用静态资源的域存储来增加并行下载的数量

浏览器同时从同一域名请求的文件并行下载的数量是有限的。因此，可以使用多个域名的主机存储不同的静态资源，增加页面加载过程中资源的并行下载次数，缩短页面资源加载时间。JavaScript、CSS和图像文件通常根据多个域名存储

&；lt；链接相关=&；QUOTE；&样式表；QUOTE；href=&；QUOTE；//cdn1。领域com/path/main。css（&A）；quot；&；gt；&；lt；脚本src=&；QUOTE；//cdn2。领域com/path/main。js（&A）；quot；&；gt；&；lt；/&脚本；gt；