如何让网站打开速度快

Posted 2023-05-06

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何让网站打开速度快相关的知识，希望对你有一定的参考价值。

一、将网页中的JS代码进行压缩处理
网站JS代码是指通过一种技术把网站中使用的JS文件变的更小，从而减少网站加载JS所需时间。JS压缩可分为JS混淆压缩、JS常规压缩、JS加密压缩三种方法。每个方法所产生的文件源代码有所不同，所占用的空间大小也有所不同。
①、JS混淆压缩
JS混淆压缩可以将JS文件中的字符串、转义字符、变量、对象、标识符等通过最简单的方法混淆排版，达到最短JS的效果。(我们在平时书写JS的习惯中，容易不注重JS格式，会多写很多无用的JS代码，JS混淆压缩技术可以将这些多余的代码自动删除，并排版，达到最小目的)。
②、JS常规压缩
JS常规压缩，非常简单的就是把JS中的空格和换行符好去除，从而达到压缩的目的。常规压缩适合在不改变JS源程序结构的前提下使用，适用于需要进行二次开发的网站使用。
③、JS加密压缩
JS加密压缩是指通过加密密钥把网站中的JS进行加密，JS中的字母都可改编成二进制的数字去表示，这样可以减少电脑的二次的解密，增加JS访问速度。此方法适合网站源程序要求比较机密的网站使用，但是需要注意的是，加密后的JS文件是无法再解密回来的，在使用此方法之前一定要对文件进行备份。
我们在实际的应用中，可以更具自己的网站的需要来选择具体采用哪种方法对自己网站中的JS进行压缩。
二、对网站中的CSS文件进行压缩处理
网站CSS压缩如同前面所说的JS常规压缩一样，是指把CSS中的空格以及换行符去除，从而达到CSS的压缩目的，我们在访问很多的网站的时候都会看到一些网站使用了CSS压缩技术，此方法会对网站后期改版有所影响，因为加密后的CSS没有可读性，根本无法通过具体的CSS样式去方便的找到，建议大家进行CSS压缩之前还是备份一下的好，这样可以减少后期的麻烦。
三、网站中的图片全部使用gif格式图片
gif格式是专门为网站建设所设置的图片格式，它可以在保证同样的图片不失真的情况下，让图片变得更小，加快图片打开速度。据测试，同样一张图片，一个为JPG格式1M大小的图片，转换成GIF之后会减小到200K左右，也就是图片的大小减少了80%左右，这样可以有效的减少网页因加载图片造成网站打开缓慢的原因。
四、网站前台源代码采用Gzip压缩技术
Gzip压缩可以将网站中的前台源代码html文件压缩成更小的格式，让浏览器加载HTML的文件时间缩短，从而达到提高网站打开速度的效果。网站 Gzip压缩需要网站空间的支持，现在很多的虚拟空间是不支持Gzip压缩的，因为Gzip在压缩的时候需要在网站空间的硬盘上面建立一个防止缓存的文件夹，这个文件夹必须具有读写的权限，而使用虚拟空间的用户根本没有权限去操作空间的硬盘，如果你想使自己的网站采用Gzip压缩技术，那么必须要在选择网站空间之前就咨询好是否支持这个功能，或者直接购买VPS或虚拟主机。
五、网站中的JS文件和CSS文件都要通过外部引用来调用，并对JS文件和CSS文件进行合并
通过外部引用网站中的JS文件和CSS文件可以减少网站前台代码所占的空间，本来几百行的JS文件或者CSS文件，通过外部引用只需一行就能达到一样的效果，这样对网站的打开速度是有很大帮助的。如果网站中存在多个JS文件和CSS文件可以把不同的JS文件综合成一个JS文件，不同的CSS文件综合成一个CSS文件，这样可以减少浏览器解析JS和CSS的次数，增加网站打开速度。
六、网站中JS文件需要放到网站的最后面
站在网站优化的角度上来说，搜索引擎蜘蛛是无法抓去网页中JS文件的，如果你把JS文件防止到网站的头部，那么当搜索引擎蜘蛛前来爬行网站的时候，会爬行到很多无用的英文代码，如果代码很长势必会对网站造成一定的影响，如果你看了我们写过的百度搜索引擎蜘蛛的爬行规则之后，你就会明白，网站的头部部分相对整个网页来说是权重最高的，所以我们头部这里尽量保证全部都是重要的信息，而不是一大堆的JS文件和CSS文件。
影响网站打开速度的原因有很多，我们不可能保证任何一个浏览我们网站的用户都可以在零点几秒之内就能打开，但是我们可以保证99%的用户可以在零点几秒之内就可以打开我们的网站，为了这99%的用户，我们就需要对网站的任何一个细节都要做到完美，包括网站前台代码，网站CSS样式表，网站动态效果 JS文件等，都需要做到最小化，最佳化。只有这样才能让那99%的用户对我们的网站信赖，让我们的网站更加完美参考技术A 1: 缩小javascript和CSS文件
如果你的网站大约有50-60%的用户是第一次访客，那么这些人会下载Javascript和CSS，如果这些文件很大浏览器会下载很长时间。
使用压缩工具可以减少Javascript和CSS尽一半的文件大小，如果你有信心使用“命令行”，至少能提高40%到60%的压缩率，如果你是在不懂可以用shop800。
2：减少HTTP请求
浏览器会花费80%的时间获取外部元件，包括脚本、样式表、图像等，只有20%的时间用来加载内容，每个网站都会有许多HTTP请求，由于只有2个HTTP请求可以在同一时间传送，所以请求一旦过多就会造成延迟。
通过Yslow可以看出我博客的HTTP请求数，可以看到JS、CSS和CSS引用的图片文件过多，导致HTTP请求过多。
3：缓存图片、CSS和Javascript
每当一个新用户访问你的网站，图片、CSS和Javascript应该在其浏览器缓存，这样他们下一次访问就特别快。
绝大多数windows主机已经默认启用了，只需要在控制面板中设定过期时间和文件类型那个就可以了，我建议图片、CSS和Javascript时间可设置为一个月。而对于Apache Web服务器，使用mod_cache模块开启缓存。:
4：合并CSS引用图片
很多网站的图片都是切成小块的，这样下来就会有大量CSS引用图片，如卢松松博客的CSS就引用了14张图片，cssimages也是影响网站速度的一种重要因素。
如果我们把CSS图片合并成一个，14个HTTP请求变成1个，想想会是什么效果？它的原理就是通过CSS坐标的方式取得图片径路，每个CSS标签引用不同坐标就会得到不同图片。我们看到很多网站的CSS图片只有一张，用的就是这个原理。
5：只加载<head>部分的基本脚本
这个最简单，不花时间，点击自己网站右键“查看源文件”找到<head>与</head>之间的区域，看看那些不重要好的JS文件，把它仍到页面底部，也就是让它最后加载。或者直接删除。
例如卢松松博客引用的jiathis（社会化分享按钮）和util.js（回顶部、写评论快捷标签），让它最后加载，这样能提升内容打开速度，而且它们也不太重要。
6：对图像进行压缩
除非你加载视频，那么影响网站速度罪魁祸首应该就是图片了，如果是jpeg、png图片，保证不失品质的前提下，让他们尽量压缩，Fireworks软件“导出向导”功能，它提供了一个很好的方式来预览保存的图像，让图片大小与质量之间平衡，大多数其他图像编辑软件都有类似的功能。
例如我的每篇博文配图都用了“导出向导”功能，我尽量把图片都压缩在30K以内，在一定程度上加快了浏览速度，但也有部分图片失真，看不清楚。
7：开启gzip模块
gzip压缩是非常流行的一种数据压缩格式，一般网站启用gzip后，压缩率都会有70%-80%的提升，效果是立竿见影的。
部分虚拟主机默认有gzip功能，但大部分没有，独立主机、VPS一般可以设置，开启gzip会加重服务器负担，而且要修改服务器配置，强烈建议大家开启gzip，如果不清楚可以问问所在空间商，让他们帮忙开启。
如果还是不懂，推荐你就用SHOP800吧，安全性高，可跨平台兼容，后期扩展方便，支持mysql、SQL、Oracle等参考技术B 就直接的方式就是跟换网站的服务器，阿里云的就非常不错，当然你的程序别太垃圾就行了，需要的话我们就能帮到你。参考技术C 　　一、必须选一个好的网站空间(服务器)
　　二、压缩合并JS文件
　　三、CSS文件的合并和定位截取
　　四、启用GZIP压缩和网站图片压缩参考技术D 简洁的网站代码和整体架构，另外网站的服务器要好。