关于前端优化技术之电脑端兼容性调试介绍-[黑链购买]
SEOER可以通过测量和分析网页性能的速度来获得网页上的大部分性能数据。如何根据这些数据采取适当的方法和手段来优化搜索引擎优化性能?
基于搜索引擎优化的个人电脑浏览器前端优化技术
有很多前端优化策略,可以概括为网络加载类、页面呈现类、CSS优化类、javascript执行类、缓存类、图像类、架构协议类等。
网络加载类
1.减少HTTP资源请求的数量
百度和谷歌的官员一再强调在搜索优化指南中尽可能多地合并HTTP请求。在前端页面中,通常建议尽可能结合静态资源图片、javascript或css代码,以减少页面请求的数量和资源请求的消耗,从而缩短首次访问页面的用户的等待时间。通过构建工具组合图像、CSS、javascript和其他文件可以减少HTTP资源请求的数量。此外,我们应该尽最大努力避免资源重复和增加冗余请求。
2.减少HTTP请求的大小
除了减少HTTP资源请求的数量,我们还应该最小化每个HTTP请求的大小。例如,您可以减少不必要的图片、javascript、css和html代码,优化文件压缩,或者使用gzip压缩传输内容,以减少文件大小和网络传输延迟。尤其是在百度闪电算法之后,对网站的访问速度也有了要求。
3.将css或javascript放在外部文件中以避免使用
在HTML文件中引用外部资源可以有效地利用浏览器的静态资源缓存。然而,有时,为了减少请求,css或javascript将被直接写入到HTML中,这取决于css或javascript文件的大小和业务场景。如果css或javascript文件有更多的内容和更复杂的业务逻辑,建议将它们引入外部文件。
& ltlinkrel= “样式表” href = “//cdn . domain . com/path/main . CSS ” & gt。& ltscript src = “//cdn . domain . com/path/main . js “>。& lt脚本>。
4.避免空心脏Href和SRC
当…的时候
& ltimgsrc=””alt= “照片”>。ahref=”>。点击链接
5.为HTML指定缓存控制或过期
为HTML内容设置缓存控制或过期可以缓存HTML内容,并避免频繁向服务器发送请求。当页面缓存控制或过期标题有效时,浏览器将直接从缓存中读取内容,而不向服务器发送请求。
& lt元http-equiv = & quot;缓存控制内容= & quot最大年龄=7200/>。& lt元http-equiv = & quot;到期内容= & quot2016年7月20日星期一:00:00格林尼治标准时间/>。
6.合理设置Etag和最后修改
设置Etag和上次修改以合理使用浏览器缓存。对于未修改的文件,静态资源服务器将向浏览器返回304,以便浏览器可以从缓存中读取文件,从而减少网络资源下载的带宽消耗并减少服务器负载。
& lt元http-equiv = & quot;上次修改时间内容= & quot周一,03Oct201714:45:57GMT/>。
7.减少页面重定向
每次页面被重定向,都会延长页面内容返回的等待时间。重定向一次大约需要600毫秒。为了确保用户能够尽快看到页面内容,有必要尽可能避免页面重定向。
8.使用静态资源存储在不同的域中,以增加并行下载的数量
浏览器同时从同一个域名请求并行下载文件的次数是有限的,因此多个域名的主机可以用来存储不同的静态资源,这增加了页面加载过程中并行下载资源的次数,缩短了页面资源加载的时间。JavaScript、CSS和图片文件通常根据多个域名分别存储。
& ltlinkrel = & quot样式表href = & quot//CD n1 . domain . com/path/main . CSS。>。& ltscriptsrc="。//cdn2.domain.com/path/main.js。>。& lt/script>。
9.使用静态资源CDN来存储文件
如果条件允许,可以使用CDN网络来加快相同地理区域内重复静态资源文件的响应下载,并缩短资源请求时间。
10.使用CDNCombo下载传输内容
CDNCombo是一种在CDN服务器上以文件的形式返回多个文件请求的技术,可以实现一次性重复使用的HTTP连接传输,减少浏览器的HTTP请求数量,加快资源下载。例如,相同域名的CDN服务器上的a.js、b.js和c.js可以在如下请求中下载。
& ltscriptsrc="。//cdn.domain.com/path/a.js,b.js,c.js & quot>。& lt/script>。