Question

请问像天猫这种大型电商网站页面是采用什么样的内容加载方式，为何页面相应速度如此之快？

当滚动条滑动到相应位置时就会加载内容，而且效果时如此好看？

Answer 1

一般来说，电商网站之所以：速度快、加载快、不延缓加载率，是因为，在进行电商网站使用时，若连基本的都不能保证，是很难取得顾客的认可的。

如何使网页加载速度放快，减少延迟率，方法如下所示：

1、优化网站代码。所谓的代码优化，包括网站中包含的js脚本以及css样式文件等，应以占用资源最少为原则，将这些代码尽可能地压缩，可以调用以及合并的保证其不重复编写，为网站有限的资源节省空间。

2、压缩图片文件。通常图片内容占据的页面的空间较大，随着内容的增加，若不做优化处理，占据的资源将会是成倍地增加，导致打开速度变慢。对于图片或者其他内容，应选择最佳格式以及在保证图片质量的情况下压缩大小，譬如图片格式的最佳存储方式依次为webp 、jpeg、png、bmp。

3、图片调用统一。若网站的图片来自不同的网络资源，那么将图片资源整合到统一的文件中进行调用，由于在网站被解析图片来源时，若来自的地址不同，那么就要花费较多的时间来逐一调取解析，这样就会浪费部分时间，导致速度变慢。

4、使用响应式设计。当然网站也涉及到在不同设备中被打开，有些网站建设时会采用重定向的方法对网站进行不同设备的交替变换，但这种方法使得网站在浏览器上的请求就会延长加载的时间，这时，对有设备需求的网站使用较为受欢迎的响应式设计来建站，可以提高用户体验。

Answer 2

现在目前主流网站的加载技术是ajax技术：通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
还有一种是CDN云加速，通过服务器和用户端缓存，压缩网站元素 比如div+css、JavaScript代码，图片压缩。优化网页结构，将核心东西优先展现给用户。

Answer 3

代码问题，预缓存处理