提高网站打开速度的9大因素7大秘籍

作者:课课家教育更新于： 2017-05-10 15:34:35

　　大家有没有遇到这种情况呢？打开的网页多了，网站打开速度就会特别慢...慢...慢...那么，怎么解决呢？本篇主要讲的内容就是应对这个问题滴，请大家认真看呐~
　　再好的网站如果打开过慢也没有人愿意等待，下面是影响网站打开速度的9大原因，包括空间性能、网络传输质量、网站的带宽、DNS解析、网页内容包括涉及到的JS代码、图片和视频的大小等等各种因素，希望可以帮助各位站长。

　　一、提高网站打开速度的7大秘籍
　　1: 缩小javascript和css文件
　　如果你的网站大约有50-60%的用户是第一次访客，那么这些人会下载Javascript和CSS，如果这些文件很大浏览器会下载很长时间。
　　使用压缩工具可以减少Javascript和CSS尽一半的文件大小，如果你有信心使用“命令行”我强烈推荐使用雅虎的YUI压缩，至少能提高40%到60%的压缩率，如果你是在不懂可以用站长之家的CSS\\JS压缩工具。
　　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图片只有一张，用的就是这个原理。
　　不懂也没有关系，CSS图片合并生成器这个网站能帮助你合并CSS图片，并且能得到相应代码。
　　5：只加载部分的基本脚本
　　这个最简单，不花时间，点击自己网站右键“查看源文件”找到与之间的区域，看看那些不重要好的JS文件，把它仍到页面底部，也就是让它最后加载。或者直接删除。
　　例如可以引用的jiathis（社会化分享按钮）和util.js（回顶部、写评论快捷标签），让它最后加载，这样能提升内容打开速度，而且它们也不太重要。
　　6：对图像进行压缩
　　除非你加载视频，那么影响网站速度罪魁祸首应该就是图片了，如果是jpeg、png图片，保证不失品质的前提下，让他们尽量压缩，Fireworks软件“导出向导”功能，它提供了一个很好的方式来预览保存的图像，让图片大小与质量之间平衡，大多数其他图像编辑软件都有类似的功能。
　　例如每篇博文配图都用了“导出向导”功能，我尽量把图片都压缩在30K以内，在一定程度上加快了浏览速度，但也有部分图片失真，看不清楚。
　　7：开启gzip模块
　　gzip压缩是非常流行的一种数据压缩格式，一般网站启用gzip后，压缩率都会有70%-80%的提升，效果是立竿见影的。
　　二、影响网站打开速度的9大因素
　　1：网络最小带宽
　　这是最主要的因素，在慢的网站放在好的带宽下访问速度一样快（就是多花钱），网络的带宽包括对网站所在服务器带宽和用户端两个位置，对接点指的是出口端与入口端(如电信对网通的对接点)，另一个就是用户本身的最小带宽，如果用户办的是512K宽带咱就爱莫能助了。

　　2：DNS解析时间
　　DNS解析包括往返解析的次数及每次解析所花费的时间，它们两者的积就是DNS解析所消耗的时间，因此，很多人忽视了DNS的问题，其实，DNS对网站解析速度也是非常重要的，如Google近期推出的Page Speed Service和国内的DNSPOD等免费给域名做DNS加速的，大家可以一试。
　　3：机器的配置
　　包括空服务器端与客户机端的硬件配置程度，同样的网络环境下，双核的服务器的运算能力肯定要强一些，毫无疑问的，同样的网络环境下，你用一台赛扬的机器和奔四双核处理器的电脑，打开同样的网页，速度，也肯定不一样。
　　4：服务器软件
　　软件多少、稳定和软件的正确配置，都会影响到服务器环境，以致影响到网络速度。服务器安装软件防火墙，会牺牲一些网络速度，所以VPS、或独立服务器用户装一个防火墙足矣。
　　5：网页内容的大小（重要）
　　网页文件的大小是网站是否能快速打开最重要一个因素，如果说服务器等硬件方面我们决定不了，我强烈建议从这里下手，不管是表格还是DIV+CSS，适当的优化代码，都能减少网页大小。
　　尽量优化代码，用最少的代码，比如前几天卢松松把博客模板精简之后，使每个网页缩小了100多K，提高了网站打开速度，不要将整个内容包含在一个框内，在“给网站减肥，让网站提速”一文中，我详细介绍了，网页代码的优化方法。同时大量错误、冗余代码也是拖慢网站速度之一。
　　6：大量数据库操作
　　小网站在执行大量数据库操作时，也会影响网站打开速度，这里使asp+access结构的网站尤为明显，尤其是同时有大量用户提交评论时，就操作数据库锁死，导致网站打不开。比如我博客在发布文章时会有几分钟时间使网站速度大打折扣。
　　7：用很多javascript
　　网站上使用大量JS是大忌，不仅搜索引擎无法收录，同时会不断提交请求增加服务器负担，例如鼠标特效、栏目的特效、状态栏的特效等等。这些特效的原理是先由服务器下载到你本地的机器，然后在你本地机器上运行产生，然后你才能看到的。特效做的多了，在你本地机器上就要运行大半天才能全部完成，而如果你的主机配置一般的话，那就更慢了。所以，建议一定要少用javascript特效。
　　8：页面上用大图片和flash
　　我们知道图片是拖慢网速最重要一个因素，图片经过处理，可以使图片空间变小，卢松松博客每篇博文的图片都经过处理，但导致有部分图片清晰度不够，否则很多的图片一开始都会占用很多空间又使网站打开速度变得很慢，同样FLASH也是一个道理。
　　9：过多引用了其他网站的内容

　　包括你引用其他网站的图片、视频文件等，如果直接在页面引用别的网站的东西，而那个网站的速度又慢，或者那个网站的该页面已经不存在了，那么你打开的速度就会非常慢。
　　以上的知识点，大家是不是了解了以后，有了不一样的感受呢？所以更多好的内容，就在课课家教育，欢迎广大朋友来访，小编等着你们噢~