从技术角度优化网站加载过多从而导致网站速度打开过慢的问题

网站提速 SEO wecenter 文章 2020-01-30 13:51 0 160 全屏看文

image.png

不得不说wecenter加载的js太多了。当然这里面有两三个是我自己引入的。

所以这篇帖子我只是立贴从技术层面来解决这个问题。

这个问题我之前思考过两个方案,都是技术层面的。

    1. 使用php将所有的js和css一次性加载。

    2. 使用本帖后面要做的办法。就是缓存到localStorange

当然这需要两个基本知识:

    1. 彻底理解浏览器的缓存机制(http缓存机制)

    2. 浏览器中的“本地存储”


从技术层面来说,提高网站速度一般是从架构、数据库、代码、网络层面来做。

我们本文只聊代码和网络层面。

首先所有的js和css 都是一个文件,在非缓存有效的情况下,他们都会发起一个http请求。

这个请求的步骤基本上是:

浏览器发起请求-> 解析域名得到ip进行TCP连接 ->浏览器发送HTTP请求和头信息发送->服务器对浏览器进行应答,响应头信息和浏览器所需的内容-> 关闭TCP连接或保持-> 浏览器得到数据数据进行操作

每一个静态文件都要做一次这样的操作。

所以才有了浏览器缓存的操作。

当然作为技术人员,我们可以按照第一个基本知识在header里增加缓存参数来做。但是本篇是从代码层面来解决的。

大概思维就是:

设置一个“文件名_版本”参数。然后在localStorage里查找有没有这个本地缓存,如果有就直接将内容生成js文件。

如果没有,则发起HTTP请求,获取内容并且使用"文件名_版本"为key,将请求内容存在localStorage里。

这个思维来自于我的友人“小C”,他的网站 jijidown.com因为内容太多,所以对优化这块非常有心得。

所以本文打算使用他的做法来优化wecenter.


目前代码在尝试融合中。

等完成后来补齐这篇文章


-EOF-