错误!终端不支持 JavaScript ,请打开 JavaScript 功能!
让前端页面更加快速地加载⚡️
目录

让前端页面更加快速地加载⚡️


对于前端开发者来说,让用户快速加载可供浏览的终端页面是开发中的至尊守则。如果页面加载、渲染时间太长,那么将是失败的案例,如何减少用户等待时间就成为了优化的关键。

无论页面设计的多美、效果多棒、内容多么丰富,只要时间等待单页面加载时间超过0.7秒,都会引起用户的烦躁心理。

排除网络的原因不谈,如何更快的加载页面呢?

首先,我们要明确一点,现在已经不是 2000 年了,当下是 Wifi 随处都是、4G 横行的年代,而 5G 也即将大规模商用,那么网络情况早就不是问题了。

先确定了网络环境,那么就该谈谈如何在前端开发中优化页面加载。在此我们不讨论脚本的运行效率,也不讨论 HTML 5 中的应用缓存,这些都是属于进一步的优化,包括 CSS 与文档渲染也都属于进一步优化的讨论范围。

在此只讨论一点,那就是与服务器数据交换握手,为此我们就该明确一点:尽量减少与服务器之间的通信握手、减少多个服务器之间的通信握手。

在服务器负载范围之类减少 CDN 的使用,减少公共 CDN 静态资源的引用,甚至可以通过 Nginx 服务器的操作将多个静态资源整合为单一静态资源(阿里巴巴淘宝就使用了该方法),当然了,该方法可能会造成开发上的困扰并增加服务器负担。


打开手机扫描阅读

26
2020-07-14 18:53:30
语音播报