●②缩小 CSS,JavaScript 和 HTML
如果要加快网页速度,除了使图像等 Web 内容最小化之外,还需要减少客户端服务器请求的数量 。缩小和压缩所有不必要的和可压缩的代码行是初学者朝这个方向迈出的一步 。
缩小对于内联 JavaScript 和未缓存的外部文件非常方便 。为了实现最佳页面速度,建议缩小所有 4096 位以上的 JavaScript 文件 。
利用所有可用的编码空间编写简洁的代码,删除额外的空间,缩进和行空间,同时保持代码的可读性,从而减少了网站核心文件和前端文件的大小 。
最小化 HTML,CSS 和 JavaScript 文件的其他好处包括减少网络延迟,减少 HTML 请求,增强压缩,更快的浏览器下载,从而提高页面速度 。
●③使用简约框架
一个好的前端框架可以帮助你避免很多业余前端优化错误 。一些较大的框架提供了大量的附加功能,但是你的网站可能并不需要全部 。想象一下你的框架,就像要转换为美丽花园的一块空地 。您需要修剪草并在预定的位置种植树苗,但不能让花园里堆满杂草和不必要的植物 。同样,您有责任不要让框架被冗余代码,过多的 HTTP 请求和大图像破坏 。
2 个技巧
●①摆脱后端服务器
第一个技巧是丢弃后端服务器 。我们并不是要完全避免使用后端,而是要一种解决方法,使依靠后端提供所有内容成为过去 。
后端是你的网页的一部分,该部分在服务器上运行,并以 Node.js / Express,Java 或.NET 编写 。后端在每次请求后动态获取 HTML 数据 。
当后端向 API,数据库发出请求以获取应插入 HTML 的数据时,这些集成点很容易出现漏洞 。缓慢的数据库,损坏的 API,网络问题只是后端可能出错的部分原因 。
输入 JAM 堆栈 。JAM 代表 JavaScript,API 和标记 。它是一种前端体系结构,在该结构中,您不必构建每个用户一次的 HTML,而是为用户提供静态 HTML,而不是在每个用户每次请求后都呈现 HTML 。
您可以将静态 HTML,JavaScript 和 CSS 文件托管在 AWS S3,Netlify 或其他可提供静态文件的提供程序上 。
如果不能仅使用静态网页来运行站点,则仍然可以通过许多方法来实现 JAM 堆栈技术 。第一种选择是将您的网站分为 JAM 堆栈部分和基于服务器的部分 。另一种技术是使用客户端 API 来获取数据 。
●②将所有静态内容移动到 CDN
前面部分讨论了 CDN 的优点 。CDN 是一组地理上分散的服务器,可使用存在点(POP)帮助减少原始服务器上的负载 。
当您即将达到服务器的带宽容量时,卸载视频,图像,JavaScript 和 CSS 文件之类的静态资产将减少服务器的带宽使用量 。
CDN 已优化为提供静态内容,而边缘 CDN 服务器将为该静态内容提供客户端请求 。
如果您的流量的一小部分来自遥远的地理区域,CDN 也将派上用场,CDN 可以通过将这些静态资产缓存在距离最终用户更近的边缘服务器上来减少延迟 。
总结
根据对大量客户网站测试的结果,有 4 成网站可以在 5 秒内打开,7 成网站可以在 10 秒内打开,您可以参照这个范围来设定您自己的标准 。可以根据上述方案提高网站打开速度 。
【网站打开慢的解决方法 网页打开速度慢怎么办】 网站,尤其是企业网站,身为企业的身份照,就必须各方面都要符合用户的喜爱,保证用户拥有良好的体验感,这样才会产生合作的可能 。
推荐阅读
- 草上飞打一字
- 草木之中有个人打一字
- 可尝试这几种方法 我的电脑在哪里打开
- 8个超实用的小米手机隐藏功能 小米长按识别文字怎么打开
- 小区暖气阀门怎么打开
- 打磨腻子用几号砂纸
- 煤气灶打不着火咋办
- 不同长度下划线的输入办法 下横线怎么打
- 汽车轮胎打气注意什么事项
- 压缩文件zip怎么打开