记HelloJava使用PJAX技术,简单说说如何优化前端网页。

一个网站如果需要加速,我们会从哪几点出发呢?优化网页优化后端代码优化数据库优化JVM优化系统本身优化网络优化整体架构无非就上面几点。前端如何优化呢?无非是以下几点:减少js、css、图片等...

一个网站如果需要加速,我们会从哪几点出发呢?

  1. 优化网页

  2. 优化后端代码

  3. 优化数据库

  4. 优化JVM

  5. 优化系统本身

  6. 优化网络

  7. 优化整体架构

无非就上面几点。


前端如何优化呢?无非是以下几点:

  1. 减少js、css、图片等文件引用

  2. 压缩js、css、图片内容

  3. 使用协议头来促使浏览器缓存

  4. 使用CDN

  5. 内容输出gzip压缩


那如何减少js、css引用。

也无非下面几点:

  1. js、css缓存

  2. 减少js、css加载


那js、css缓存一般只有第一次会去服务器加载,后面会保存在浏览器里。再次请求的时候回根据max-age判断要不要在本地获取

image.png

我们可以看到 都是 from memory cache.

只有一个是304状态。那个应该是去服务器咨询服务器端有没有改动,没改动也是从客户端浏览器获取


但是就是如此,也是发起了这么多次请求。

那如何减少请求次数。

那就是PJAX的存在意义了。

PJAX 其实是局部数据加载,我只加载了容器里的某一处数据,而不去加载全部数据,这样可以减少网络传输数据,减少静态文件请求。

那PJAX和AJAX的区别是什么:

说白了PAJAX可以支持页面回退,AJAX不可以。

那PJAX用的最广泛的网站是哪个,毫无疑问,音乐网站,比如网易云,你在网页版里听音乐,切换页面了,音乐也不会断。



  • 发表于 2017-11-16 11:26
  • 阅读 ( 1112 )
  • 分类:前端

条评论

请先 登录 后评论
不写代码的码农
三叔

422 篇文章

作家榜 »

  1. 小编 文章
返回顶部
部分文章转自于网络,若有侵权请联系我们删除