首页- 百度SEO资源- 网页性能优化

网页性能优化

来源:seo优化 发布时间:2020-05-14 14:00:00


在使用webpack的过程中,每次打包代码时,我都会使用特殊的插件来压缩脚本、样式表和图片,这大大减少了要下载的文件的大小,提高了下载速度如果样式表放在文档底部,则当逐步加载页面时,文本和图片将依次显示。后,在下载并解析样式表之后,将对呈现的文本和图表进行样式设置,从而使页面闪烁。使用async或defer将脚本标记放在顶部,这两个属性可以在浏览器解析HTML时同时下载,但也有区别。以下是互联网上的一张不同图片:

异步对于应用程序脚本不是很有用,因为它根本不考虑依赖关系(甚至是级别的顺序执行),但它非常适合于不能依赖任何脚本或不依赖任何脚本的脚本。以淘宝网为例

对于jsonp之类的请求,需要动态创建脚本标记并将其添加到主体中以供执行,因为跨域ajax数据请求可能需要很长时间,如果它们也以静态形式放置在页面中,则页面加载速度将受到影响。当使用Ajax获取大型共享数据时,可以使用一个变量在本地缓存它以供重用。DNS解析是将主机名和域名转换为IP地址的过程。DNS预解析的概念如下:DNS解析速度作为Internet的基本协议,似乎很容易被网站优化器忽略。现在大多数新浏览器都优化了DNS解析。典型的DNS解析需要20-120毫秒。减少DNS解析的时间和次数是一种很好的优化方法。Dnsprefetching可以在后台解析具有此属性的域名,而不需要用户点击链接,域名解析和内容加载都是串行网络操作,因此这种方法可以减少用户等待时间,提高用户体验。

Dnsprefetch应该尽可能放在网页的前面,建议放在metacharset=“UTF-8”的后面。如果页面是HTTPS,许多浏览器默认情况下会关闭DNS预解析。此时,如果要强制启用预解析,可以添加metahttp equiv=“x-dns-prefetch-control”content=“on”用户输入网址。DNS搜索与域名对应的IP地址浏览器向web服务器发送get请求。服务器处理请求并返回响应。浏览器获取分辨率和显示的响应

文章标签:厦门网页优化

Copyright © 2015-2020. 未经许可,不可拷贝或镜像 wabu.net