关于前端优化技术之电脑端兼容性调试介绍

seo不妨获得的本能数据现状的网页的速度测量和理解网页的本能。如何优化搜索引擎优化基于这些数据的本能使用一致的方法和技巧吗?有很多前端优化策略对PC观众基于SEO优化。可以集成到加载的集合页面外观CSS优化网站身份象征CSS优化javascript实现中缓存形象架构协议。

收集装载类别1。减少HTTP请求的数量的材料

百度和谷歌官员一再夸大了合并的HTTP请求尽可能搜索优化准则。在前端页面通常主张合并固体材料图像、javascript和css代码来减少页面请求的数量和物质消费的请求从而打断用户的等待时间首次访问该页面。在创建东西合并图像、CSS、javascript和其他文件可以减少HTTP请求的数量的材料。此外我们应该尽力阻止重复材料和减少冗余请求。2. 减少HTTP请求的大小。除了减少HTTP请求的数量的材料我们还应该减少每个HTTP请求的大小。例如它可能有助于减少不必要的图片、javascript、css和html代码优化文件压缩或使用gzip压缩减少文件大小和中断的等待时间收集和传播。特别是在百度的闪电算法还有乞求检查网站的速度。

3。在外部css和javascript文件避免直接使用<时尚>或<脚本>标签。

引用外部材料在HTML文件中您可以使用固态材料有效的浏览器的缓存。然而偶尔在场景中移动页面的css或javascript为了减少请求css或javascript将直接写入HTML这几乎是基于css。可能javascript文件的大小取决于事务场景。如果css或javascript文件有更多的物质和事务逻辑更复杂建议将其引入到一个外部文件。

< linkrel =样式表? href = ? / /cdn.domain.com/path/main.css? > < scriptsrc = ? / /cdn.domain.com/path/main.js?> <脚本>

4。停止空着肚子Href和SRC

<链接>标记的Href属性的SRC属性为空或者<脚本>、< img >和< iframe >标记为空浏览器将仍然断开过程中负载Href属性是空的SRC属性的物质直到加载曲折因此停止下载页面上的其他材料的过程和加载的实质。它是无效的所以它应该被控制。

< imgsrc = " " alt = "照片" > ahref = " > < / >

5单链接。指定cache - control或HTML

建立cache - control到期或到期HTML的本质。缓存它防止重复请求到服务器。当cache - control或Expires标题页面的有效浏览器将直接从缓存读取的本质而不是发送请求到服务器。

< metahttp-equiv =“cache - control”内容= "信息= 7200 " / > < metahttp-equiv =“到期”内容= " Mon 20 jul201623:00:00gmt " / >

6。建立Etag最后合理修改

合理建立Etag Last - modified使用浏览器缓存。文件没有被修改固态物质服务器将返回304浏览器允许浏览器从缓存中读取文件减少网络的大小材料。下载的Daikuan消耗降低了服务器负载。

< metahttp-equiv =“last - modified”内容= " Mon 03 oct201714:45:57gmt " / >

7。减少重复页面水槽方向

下沉。延迟等待实际返回目标城市扩张的页面。大约需要600毫秒的目标取向。为了保护用户看到页面尽可能多的本质我们必须尽可能地控制页面的方向。

8。使用固体材料存储在不同的领域减少并行下载

并行下载的浏览器请求文件的数量从一个共同的域名在共同的时间是有限的。因此最好使用与多个域名主机存储不同固体材料增加并行下载页面加载时的材料。数字时间中断材料的加载页面。经常保存JavaScript、CSS和图像文件根据多个域名。

< linkrel = "样式表" href = " / /cdn1.domain.com/path/main.css " > < scriptsrc = " / /cdn2.domain.com/path/main.js " > < /脚本>

9。

标签： 前端优化技术电脑端兼容性调试