摆脱阻塞的JavaScript
许多网站最常见的问题之一是阻止渲染的JavaScript 文件 。 要解决此问题 , 你可以执行以下操作:
在HTML 文档中内联外部锁定脚本
使用特殊插件(即W3 Total Cache)
使用async 属性使JavaScript 文件异步
启用缓存
每次用户登陆页面时 , 浏览器都会加载其内容- 每次出现新查询时都会这样做 。 现在 , 你能想象每天有多少用户访问你的网站以及浏览器必须加载页面内容的次数吗?
为了防止站点为返回的用户加载相同的内容并节省一些加载时间 , 请启用浏览器缓存 。 至于新用户 , 网站仍会从头开始加载内容 , 因为新用户的缓存是空的 。 尽管如此 , 完整的浏览器缓存可以将站点速度从2.6 毫秒提高到1(甚至0.9) , 因此强烈建议使用它 。
快速工具:盖茨比
Gatsby是一个静态站点生成器 。 该框架使用初步加载:当用户打开主页时 , 浏览器在后台模式下加载显示链接到主页的站点其他页面所需的数据 。
使用Gatsby 构建的网站是一个React应用程序 , 因此它只加载有关页面之间差异的数据 , 而不是完整的页面 。 在页面之间的转换过程中 , 虚拟DOM 被更新 。 通过这种方式 , 用户可以享受高速加载和流畅的网站性能 。
上述性能优化方法是处理网站慢问题的最常用方法 。 但是 , 由于每个网站和Web应用程序都是独一无二的 , 因此你需要首先进行性能审核 , 以准确识别你的网站存在的问题并提出解决问题的正确方法 。 想学习更多网站性能优化技巧 , 不妨考虑参加Web前端培训 , 可以在短时间获得快速提升 , 有效提高前端开发工作效率 。
- 浏览器|自研浏览器内核?早已不会有厂商再犯傻了
- 浏览器|为什么“国产”浏览器没有被美国浏览器取代?难道大家都喜欢用换皮浏览器?
- 谷歌浏览器|华为自研浏览器内核?这传闻就离谱
- 5G|自研浏览器内核,现在不会有厂商会犯傻了
- 本文转自:中国网财经1月19日|BSC区块链浏览器正式上线!欧科云链OKLink多公链浏览器覆盖12大主流公链
- Web3.0|72小时筹集4000万美元,Web3.0到底是什么?
- 浏览器|2022支付宝隐藏福的高清大图来了!提高敬业福获得概率攻略!
- meta|随着元宇宙和Web3时代的到来,什么样的公司会脱颖而出?
- 浏览器|真我GT2 Pro和OPPO Find X3相比较,该如何选?
- eth|「草根」创作NFT蹿红,命中Web3冲浪者