京口新闻网

2016.8.12  星期五

运城达内web前端开发网页网络优化分析

说起网页优化,大部分的内容都是网页架构或者是图片压缩等方面的针对网页本身的优化方法分享,而今天我们就一起来了解一下,web网页优化中面向网络方向的优化方法都有哪些内容。运城达内web前端开发网页网络优化分析DNS解析过程的优化当浏览器从第三方服务跨域请求资源的时候,在浏览器发起请求之前,这个第三方的跨域域名需要被解析为一个IP地址,这个过程就是DNS解析;DNS缓存可以用来减少这个过程的耗时,DNS解析可能会增加请求的延迟,对于那些需要请求许多第三方的资源的网站而言,DNS解析的耗时延迟可能会大大降低网页加载性能。dns-prefetch当站点引用跨域域上的资源时,都应在head元素中放置dns-prefetch提示,但是要记住一些注意事项。先,dns-prefetch仅对跨域域上的DNS查找有效,因此请避免将其用于您当前访问的站点preconnect由于dns-prefetch仅执行DNS查找,但preconnect会建立与服务器的连接。如果站点是通过HTTPS服务的,则此过程包括DNS解析,建立TCP连接以及执行TLS握手。将两者结合起来可提供机会,进一步减少跨源请求的感知延迟http请求响应阶段优化为了让数据包传输的更快,我们可以从两个方面入手:请求的数据包大小(服务器),请求数据包的频率(客户端)减少请求文件的大小请求文件对应的是我们项目完成后,打包所指的静态资源文件(会被部署到服务器),文件越小,传输的数据包也会相对较小,讲道理也会更快到达客户端howtoreduceapackagesize?目前我们都会使用打包工具了(比如webpack,rollup,glup等),如何使用工具来减小包的体积呢?这边建议您去官网文档呢...当然这里列举一下常用的手段(webpack的),但是注意要插件版本更新哦【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!