时间:2022-09-17
我们知道网页打开速度对网站至关重要,如果一个网页,打开速度慢,势必会损失很大一部分访问者。在互联网时代,用户获取信息的速度是非常快的,你得网页打开慢,用户自然会选择关闭你得网页,去选择另一个网页打开,没有人会愿意等待,除非你的东西独一无二,但这种站很少。
那么如何优化网页,如果才能是网页打开速度变快呢?下面我们一起来学习一下吧。
首先要优化网页速度,我们需要了解网页的加载流程,通常网页的加载流程如下:
1、打开网页后,浏览器会直接拉出一个html页面,然后浏览器解析页面上的内容。
2、根据页面内容,得到请求,去加载javascript文件,css文件,以及图片文件。
3、浏览器下载好文件后,会将根据这些文件,将网页信息渲染出来。
大致的流程就是这样子,当然里面还有一些细节,比如js加载顺序,这里我们就不提了,没必要知道。通过以上信息我们就知道如何去优化网页了,优化网页简单来说,就是做简化,将臃肿的东西砍掉,留下精华就行了。因此有以下几个方法:
我们经常在访问网页的时候,大家可能也发现了,图片越大加载越慢,因为浏览器要去请求服务器,再下载图片,之后才能展示给我们,图片文件内存越大,下载自然越慢,那网页打开速度自然就会受影响。
因此我们需要优化图片体积,在图片不失真的情况下尽量压缩图片体积,调整图片分辨率,一般来说网页中的图片最好就小于100kb,或100kb左右,不能有几兆的图片出现,这严重影响网页打开速度。
按照目前图片体积占比来说,图片优先级为:webp>jpg>png>gif>bmp。
如果js,css文件太多,可以封装到一两个文件中即可,也可以压缩文件,这样浏览器在请求的时候只会请求一两个文件,对页面速度提升有一定帮助。
有很多浏览器是支持gzip压缩方式传输的,如果你的服务器支持的户啊,可以以gzip的形式进行文件传输,会节省70%左右的流量。
开启浏览器缓存后,我们打开一个网页时,里面下载的部分资源文件,在访问其他页面时正好可以用到,如此就减少了文件的请求,网页速度自然就有所提升了,不过对于第一次打开的网页,速度上没啥帮助,因为没有缓存。
重定向是网页从一个页面跳转到另一个页面,比如SEOhet.com,跳转到www.seohet.com,这就是一个重定向,每一次重定向,网页转化时的请求都会花一定的时间,重定向设置的越多,那么网页加载速度就会变慢。因此我们重定向设置不能太多,最多一个就行了。有条件的话可以选择响应式模板建站,如此移动端我们也不需要跳转到m的域名上。
优化网页代码主要是去掉冗杂的代码,对网页代码进行分析,如果能用一句代码写出来的,不要使用两句。
同时网页里面的注释,如果你已经理解了,可以将注释删掉,或者说上线版本删掉注释,但是备份版本留下注释;网页中多余的空格,空行,全部清除,这些都会占用网页空间,有的人会直接进行网页代码压缩,将代码压成了一堆,会然体积确实减少了,但是不方遍看了;如果不需要经常调试的话,可以压缩。
cnd是一种静态的分发模式,它会先将服务器的资源拉取出来,并建立快照,也就是缓存,之后用户访问的时候是通过cdn入口进行访问的,访问的就是快照。这样一来网页的打开速度会有一个明显的提升,因为请求变少了很多,也没有资源的加载。
在浏览一些网站时,我们发现有部分网站将网站的资源放在了另一个域名上,比如图片,视频等,本来是www.seohet.com下的资源,但是图片调用路径显示的域名是img.seohet.com,相当于图片资源并不在当前域名下,而是分开放在,虽然这能方便资源的管理,但是浏览器需要先前解析该域名,然后下载资源,这是需要花时间的。因此我们要尽可能减少这种资源获取形式。
以上就是对于“如何优化网页,使速度加倍”的内容相关说明,希望对大家有所帮助。我是思齐seo,干货持续更新中,敬请关注。