Web 技术研究所

我一直坚信着,Web 将会成为未来应用程序的主流

对现代Web程序的带宽方面优化

  对服务器的带宽占用永远是Web程序的最大瓶颈,对程序最有效的优化就是减少带宽占用,于是有了lazyload,让一些使用不到的东西不直接加载,从而节约资源。不仅是针对某些资源使用lazyload,整个Web程序在设计上就应该把自己设计成类似的形式。
  传统Web基本是以页面跳转为基础的,程序只是用来处理页面上的小功能而已,这种类型的Web程序已经没有多少优化空间了。但现代Web程序更喜欢使用较少的页面展示更多东西,很多数据是通过程序通信加载的。这样的程序就可以被优化,我们只要减少不必要的程序通信就可以实现优化。于是我们有两种优化方式,一种是尽量减少对数据的需求(选择按需加载),另一种是尽量避免加载重复数据(使用本地缓存)。
  按需加载。数据按需加载在之前的文章中介绍过了。其实不仅是数据,程序也能按需加载。现代Web的一个页面通常都是继承了许多功能的,这些功能只是存在,但未必会被使用,所以对不必要的功能程序就可以按需加载。比如网站的登陆和注册模块如果是弹出一个对话框,那就可以把它独立处理,因为大部分时候用户会记住密码,不会多次使用到登陆模块。
  本地缓存。这里说的缓存不是指HTTP缓存,HTTP缓存是最基础的,就算是传统Web也会开启的。这里说的是localStorage或indexedDB等现代浏览器提供的本地储存API。程序可以把从服务器加载到的数据储存在本地,这些数据可以在前端有机地组织后使用,可以在多个页面、多个模块、以不同的形式展现给用户。比如商品列表的数据加载后可以做成排行榜、图表,等展示出来。
  
网名:
3.80.32.*
电子邮箱:
仅用于接收通知
提交 悄悄的告诉你,Ctrl+Enter 可以提交哦
神奇海螺
[查看全部主题]
各类Web技术问题讨论区
发起新主题
本模块采用即时聊天邮件通知的模式
让钛合金F5成为历史吧!
次碳酸钴的技术博客,文章原创,转载请保留原文链接 ^_^