不得不说wecenter加载的js太多了。当然这里面有两三个是我自己引入的。
所以这篇帖子我只是立贴从技术层面来解决这个问题。
这个问题我之前思考过两个方案,都是技术层面的。
1. 使用php将所有的js和css一次性加载。
2. 使用本帖后面要做的办法。就是缓存到localStorange
当然这需要两个基本知识:
2. 浏览器中的“本地存储”
从技术层面来说,提高网站速度一般是从架构、数据库、代码、网络层面来做。
我们本文只聊代码和网络层面。
首先所有的js和css 都是一个文件,在非缓存有效的情况下,他们都会发起一个http请求。
这个请求的步骤基本上是:
浏览器发起请求-> 解析域名得到ip进行TCP连接 ->浏览器发送HTTP请求和头信息发送->服务器对浏览器进行应答,响应头信息和浏览器所需的内容-> 关闭TCP连接或保持-> 浏览器得到数据数据进行操作
每一个静态文件都要做一次这样的操作。
所以才有了浏览器缓存的操作。
当然作为技术人员,我们可以按照第一个基本知识在header里增加缓存参数来做。但是本篇是从代码层面来解决的。
大概思维就是:
设置一个“文件名_版本”参数。然后在localStorage里查找有没有这个本地缓存,如果有就直接将内容生成js文件。
如果没有,则发起HTTP请求,获取内容并且使用"文件名_版本"为key,将请求内容存在localStorage里。
这个思维来自于我的友人“小C”,他的网站 jijidown.com因为内容太多,所以对优化这块非常有心得。
所以本文打算使用他的做法来优化wecenter.
目前代码在尝试融合中。
等完成后来补齐这篇文章
原创申明:本文章为三叔原创。