如何提升网络延迟问题：网站加载缓慢的解决方案及优化技巧

网站打开速度缓慢，如何进行优化？

一.网站JavaScript程序过多

众多企业网站为了提升网页的视觉效果，常采用滚动式产品展示，从视觉角度来看，这种滚动效果确实比单调的静态展示更具吸引力；然而，百度无法识别JS程序代码，过多的JS代码会导致百度在抓取内容时无法获取相关内容，甚至可能抓取不到，使得百度难以判断网站内容，过多的JS程序也会使网站加载速度极慢；同时，用户浏览网页的主要目的是寻找有价值的内容，网站的美观性只是用户体验评分的一部分，而非全部；

解决策略：建议采用DIV+CSS布局，代码尽量精简，能省则省；

二.网站图片过大

对于网页图片，也需要进行细节优化。如果一张图片非常大，高达几百KB，那么几百张图片就会占用大量空间，若多个图片存在于同一页面上，那么网站图片加载时间会非常长。图片优化不仅要限制图片大小，还要考虑文字说明，图文并茂的文章更符合用户体验，图片还需添加“alt属性”。

解决策略：使用绘图软件压缩图片，适当降低画质，但不能过于模糊，控制每张图片在100KB以下，可以使用PS软件进行处理；

三.无价值内容过多

在与“三丰量具”的朋友交流后，发现一个思想上的误区，他们总是关注如何设置标题以吸引用户搜索，我曾告诉他们，在文章标题中添加地区词，当搜索地区词时，就会搜索到网页；但我认为，仅仅为了吸引用户搜索，并不能解决用户的根本问题，反而会增加用户跳出率，无法留住客户。网站内容过多，会让用户难以找到所需内容，即使找到了，众多相似的标题也会让用户产生视觉疲劳和反感。因此，在制作内容时，要转变思维，不要为了排名而进行排名优化，而是要解决用户所有问题的优化。百度也更喜欢这类网站，对于那些投机取巧的企业站，大多被百度置于百名之外；

解决策略：可以搜索网上用户最关心的话题，去贴吧看看哪些问题提出较多，通过专业知识进行详细解答，从而增加用户好感；

四.缺乏代码专业知识

想优化好一个网站，没有相关的代码知识是不行的。最糟糕的现象就是被挂上黑链还毫无察觉，找不到排名上不去的原因。昨天给朋友看了一下首页源代码，就被挂上了娱乐行业的黑链，至于内页是否被挂，我还没细查。而且在后台无法处理，非常麻烦。推荐大家使用织梦程序建站，操作简单；如果请专业的人维护，工资可能无法承担，难免优化人员偷懒，还不如自己掌握一些基本知识，节省网站成本；

解决策略：对于代码，其实并不难。岑辉宇之前连DIV+CSS都不会，通过网上学习和QQ群交流，结合实际操作，很快就掌握了。没有学习过，别说不会，那是逃避；

五.关键词选取定位不精准

在看了朋友的网站后，发现他网站的关键词非常多，刀具、量具、钻头、测量仪、配件等等。虽然我找刀具可能需要量具，但若在同一个网站上，不利于排名优化，分散了权重。一块蛋糕，一个人可以吃饱，为什么要分给那么多人呢？建议如果非要做，最好采取多个空间，然后用二级域名来做，不要做在同一个空间上。优化关键词的核心是：精、准、细！

解决策略：利用百度指数工具找出一些具有流量但竞争力适中的关键词，又能体现网站的产品主题，进行细节分化；

六.网站标题和描述出现致命错误

针对昨天量具朋友的网站，最致命的错误就是标题写法错误，将所有关键词都放在标题上。昨天给朋友示范了一下，我说百度标题只会显示30个字左右，然后把显示的标题发给他看，他才发现后面的标题都不显示。目前很多优化人员也常出现这样的问题，认为把关键词写在标题上，百度就会给予好的排名，用户就会搜索得到。这是标题的一个误区。在做标题时，一定要精简，30字简短的突出页面主要内容，而且每个页面都有自己的标题。

解决策略：对于撰写网页标题，对于一些新手来说是非常难的，不知道从哪里入手。可以从下拉框和相关搜索词找到用户最关心的话题，用简短的文字描述在标题上，一个良好的标题就诞生了。

Spriting是一种网页图像处理技术，它将一个页面所涉及的所有零散图片整合成一张大图，并通过CSS技术进行展示。这样，当访问该页面时，加载的图片将不再逐个缓慢显示，从而减少了整个网页的图片体积。CSS Sprites在国内被称为css精灵，历史悠久，许多大型网站都在使用，尤其是在页面中普遍使用的图标方面，它能有效提升加载速度。

3、压缩文本和图像

压缩技术如gzip可以显著缩短页面加载时间。包括HTML、XML、JSON（JavaScript对象符号）、JavaScript和CSS等，压缩率可达到70%左右。文本压缩应用较为广泛，通常在空间中直接开启即可，而图像压缩则相对随意，许多都是直接上传，实际上还有很大的压缩空间。

4、延迟加载可见区域外的内容

为确保用户能更快地看到可见区域的网页，可以延迟加载或展示可见区域外的内容。为了避免页面变形，可以使用占位符标签指定正确的高度和宽度。例如，WP的jQuery Image LazyLoad插件可以在用户停留在第一屏时，不加载任何第一屏以下的图片信息，只有当用户将鼠标向下滚动时，这些图片才开始加载。这样明显提升了可见区域的加载速度，改善了用户体验。

5、确保功能图像优先加载

网站主要考虑可用性的重要性，一个功能按钮需要提前加载，用户进入下载页，一个仅需8秒的下载过程，如果在等待、寻找下载按钮图片上花费了5秒，谁能忍受？

6、重新布局Call-to-Action按钮

这和上面一条有些相似，都是从用户体验速度出发，跳过了网页的整体加载速度。速度没有变化，只是让一些行为按钮提前。Call-to-Action按钮通常设计在页面底部，这种习惯对用户来说并不总是好的，因为购买用户需要等到最下面才能点击下一步操作。可以调整CTA按钮的位置或使用滑动的图片按钮。许多大型购物网站的加入购物车就是这种类型。

7、优化图片格式

不恰当的图像格式是导致加载速度变慢的常见原因。正确的图像格式可以让图片缩小数倍，如果保存为最佳格式，可以节省大量带宽，减少处理时间，大大加快页面加载速度，这是一种常见的做法。

8、使用Progressive JPEGs

Progressive JPEGs是一种JPEG格式的特殊变种，被称为“高级JPEG”。在创建高级JPEG文件时，数据是这样安排的：在装入图像时，开始只显示一个模糊的图像，随着数据的装入，图像逐步变得清晰。它类似于交织的GIF格式图像。高级JPEG主要考虑到使用调制解调器的慢速网络而设计，对于快速网络的使用者来说，通常不会感受到它和正常JPEG格式图像的区别。对于网速较慢的用户，这无疑有很好的体验。

9、精简代码

这可以说是最直接的方法，也是应用较为广泛的方法。对网页代码进行瘦身，删除不必要的冗余代码，如不必要的空格、换行符、注释等，包括JS代码中的无用代码也需要清除。其中，对于注释代码的清除可能有些人存在误区，甚至有的在里面堆砌关键词。

10、延迟加载和执行非必要脚本

网页中有很多脚本在页面完全加载前都不需要执行，可以延迟加载和执行非必要脚本。这些脚本可以在onload事件之后执行，避免对网页上重要内容的呈现造成影响。这些脚本可能是自己网页的，也可能是第三方脚本，如评论、广告、智能推荐、百度云图、分享等，这些完全可以等主体内容加载完后再执行。

11、使用AJAX

AJAX即“Asynchronous Javascript+XML”，是一种创建交互式网页应用的网页开发技术。通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用AJAX）如果需要更新内容，必须重载整个网页。

12、自动化的页面性能优化

自动化的页面性能优化也就是借助工具。网站提速工具有很多，这里Radware推荐了自家的Radware FastView，也算Radware给自家做了一个广告，这里不多说了。