浏览器|Web前端培训:如何加速 Web 应用程序并提高网站性能( 二 )



摆脱阻塞的JavaScript
许多网站最常见的问题之一是阻止渲染的JavaScript 文件 。 要解决此问题 , 你可以执行以下操作:
在HTML 文档中内联外部锁定脚本
使用特殊插件(即W3 Total Cache)
使用async 属性使JavaScript 文件异步
启用缓存
每次用户登陆页面时 , 浏览器都会加载其内容- 每次出现新查询时都会这样做 。 现在 , 你能想象每天有多少用户访问你的网站以及浏览器必须加载页面内容的次数吗?
为了防止站点为返回的用户加载相同的内容并节省一些加载时间 , 请启用浏览器缓存 。 至于新用户 , 网站仍会从头开始加载内容 , 因为新用户的缓存是空的 。 尽管如此 , 完整的浏览器缓存可以将站点速度从2.6 毫秒提高到1(甚至0.9) , 因此强烈建议使用它 。
快速工具:盖茨比
Gatsby是一个静态站点生成器 。 该框架使用初步加载:当用户打开主页时 , 浏览器在后台模式下加载显示链接到主页的站点其他页面所需的数据 。
使用Gatsby 构建的网站是一个React应用程序 , 因此它只加载有关页面之间差异的数据 , 而不是完整的页面 。 在页面之间的转换过程中 , 虚拟DOM 被更新 。 通过这种方式 , 用户可以享受高速加载和流畅的网站性能 。
上述性能优化方法是处理网站慢问题的最常用方法 。 但是 , 由于每个网站和Web应用程序都是独一无二的 , 因此你需要首先进行性能审核 , 以准确识别你的网站存在的问题并提出解决问题的正确方法 。 想学习更多网站性能优化技巧 , 不妨考虑参加Web前端培训 , 可以在短时间获得快速提升 , 有效提高前端开发工作效率 。