umasuo—如何使小网页加载更快

前几天弄了一个网页,然后有2.5网络的用户说加载好慢,于是便想办法把这一个小网页进行一下优化,使其能够更快的加载。

网页加载基本如下:

1、按照顺序加载文档以及网页上的内容。

2、加载到一个js和css时,就运行一遍里面的内容。然后再加载文件链接下面的内容。

3、每次网页加载一个外部的文件时都需要进行一次http请求。

所以,我们的优化方案基本根据从上几个方面来着手:

1、减少文件的冗余内容,去除不必要的东西,使文档精简。

2、尽量减少外部加载文件的大小,对其进行压缩。

3、尽量少的发送http请求。

4、尽量把JS部分放在body内容后面加载,这样可以使页面呈现更快

因为我处理的这个页面功能比较单一,也不是长期使用,所以便采取了一下方法:

1、将CSS内容直接写在了html页面里面,这样可以减少HTTP请求的次数。(因为不需要长期维护,所以短期内这样做是可以的,需要长期维护的页面则不合适)

2、去除了一些不必要的标签。

3、去除了jquery,取而代之的是使用js来代替其功能,因为用到的jquery的功能比较少,所以如果仍然加载jquery的话感觉有点划不来,便直接用JS来代替了。

BY:umasuo

原文地址:https://www.cnblogs.com/umasuo/p/html_load.html