加速度怎么提升网站页面打开加载速度优化的12个建议

怎提升网站面打加速度化的12

个建

作者王施帆

2014年春季商面速度与web性能 告强了商面加速度的重要性 同指出很多网站都没有利用最佳的面化技 面加速速度都存在很大缺陷。那如何救提高网站面的加速度呢

告出了12个面加速度化的救措施 用以改善加  改善站 者的用体 。网站运人可以通 些建来解决面加速度 。王施帆不了解我可以百度下分享如下

1 、合并js文件和css

将js代和css式分合并到一个共享的文件 不能化代 而且在行js文件的候 如果js文件比多就需要行多次“get” 求延加速度将js文件合并在一起后 自然就减少了get求次数提高了加速度。

2 、sprites 片技spriting是一网 片用理方式 它是将一个面涉及到的所有零星片都包含到一大中去 然后利用css技展出来。 一来 当 面 入的片

就不会像以前那一幅一幅地慢慢示出来了 可以减少了整个网的片大小并且利用csssprites能很好地减少网的http求从而大大的提高面的性能。csssprites在国内很多人叫css精灵很早就有了在很多大型网站都有用到特是一些所有面都存在的 用得比多很好的提升加速度。

3 、 文本和片

技如gzip可以有效减少面加的 。包括html xml json(javascript象符号) javascript和css等 率都可以在大小70%左右。文本 用得比多一般直接在空 启就行 而片的 就比随意很多都是直接上其 有很大的 空 。

4 、延 示可 区域外的内容

了确保用可以更快地看可区域的网可以延加或展可区域外的内容

了避免面形 可以使用占位符 制定正确的高度和度。比如wp的jqueryimage lazyload插件就可以在用停留在第一屏的候 不加任何第一屏以下的片信息 只有当用把鼠往下 的候 些片才始加 。 很明提升可区域的加速度提高用体 。

5 、确保功能片先加

网站主要考可用性的重要性 一个功能按要提前加出来 用 入下 一个只需要8s 的下花了5s在等待、找下按 片 能忍受?

6 、重新布置call-to-action按

其 个和上面一条是差不多的都是从用体速度着手跳了网的整体加速度。速度没 只是一些行按提前 call-to-action按一般 在面底部 的 于用来来并不是好的 用需要等到最下面加出 才能点下一步操作。可以整cta按的位置或使用滑的片按 。很多大型物网站的加入

物就是 型。

7 、片格式化

不恰当的像格式是一极常的减慢加速度的罪魁首。正确的片格式可以 片小数倍 如果保存最佳格式。可以省大量 减少理 大大加快面加速度 是一很常的做法。

8 、使用 progressive jpegsprogressivejpegs片是jpeg格式的一个特殊  名 “高jpeg” 。在建高jpeg文件数据是 安排的在装入像 始只示一个模糊的像 随着数据的装入 像逐步得清晰。它相当于交的gif格式的片。高jpeg主要是考

到使用制解器的慢速网而 的快速网的使用者通常不会体会到它和正常jpeg格式片的区 。于网速比慢的用 无疑有很好的体 。

9 、精代

个可以是最直接的一个方法 也是用得比多的 网代 行瘦身 除不必要的沉冗代 比如不必要的空格、行符、注等 包括js代中的无用代也需要清除。其中于注代的清除可能有些人存在区 甚至有的在里面堆砌

。

10 、延加和行非必要脚本

网中有很多脚本是在面完全加完前都不需要行的 可以延加和行非必要脚本。些脚本可以在onload事件之后行避免网上重要内容的呈造成影响。些脚本可能是你自己网的甲苯往往更多的是一些第三方脚本 的有很多 比如 、广告、智能推荐、百度云 、分享等等 些完全可以等主体内容加完后再行。

1 1 、使用ajaxajax即“asynchronous javascript +xml “是指一 建交互式网 用的网

技 。通在后台与服器行少量数据交 ajax可以使网 步异更新。意味着可以在不重新加整个网的情况下 网的某部分行更新。 的网(不使用ajax)如果需要更新内容 必重整个网面。

12 、自 化的面性能化

自化的面性能化也就是借助工具了 网站提速工具有很多