zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    Oracle 11g+Windows10 x64安装、配置过程记录
    json工具类
    restTemplate工具类
    VirtualBox中安装CentOS 7后无法上网问题
    VirtualBox中安装CentOS 7
    idea安装完成后要做的几件事(设置字体、编码、行号)
    MiniUI学习笔记1-新手必读
    BUU-[GKCTF2020]WannaReverse
    BUU-Dragon Quest
    BUU-EzObfus-Chapter2
  • 原文地址:https://www.cnblogs.com/umasuo/p/html_load.html
Copyright © 2011-2022 走看看