前端如何做好网站性能优化

2023-06-18 0 217

随著后端控制技术的飞速发展,中文网站后端操控性强化的迫切性也渐渐突显出。上面他们站在后端的视角上聊聊怎样搞好中文网站操控性的强化。

前端如何做好网站性能优化

尽量增加HTTP允诺特征值

他们能分拆相片(如css sprites,内建相片采用统计数据)、分拆css、js。这一点儿对中文网站而言很重要,增加无谓的允诺对伺服器而言能增加非常大的阻力。总之要考量分拆后的文档表面积。

为文档头选定Expires或Cache-Control,使文本能内存

和增加HTTP允诺类似于,将许多文档内存到应用程序应用程序中,页面加载操作过程中间接加载内存文档。

采用CDN(文本递送互联网)

现在大体有这样三种CDN同时实现:快照、高速内存、直通车、以及智能化交换机和阻抗平衡。

把CSS放在顶端

同时实现页面的科学规范加载,这对金蝶非常多文本的页面和下载速度较快的使用者而言极其重要。同时,HTML规范化也反之亦然确切的表示JSP要包涵在页面的区域内。

前端如何做好网站性能优化

把JS放在顶部

HTTP/1.1 规范化提议,应用程序每一Teredo的博戈达浏览文本不少于三个,而问题是JAVA制止了页面的相连接浏览,即使是Teredo不完全相同。

采用gzip填充文本

填充制造自然环境的标识符,增加文档表面积,能增大频宽。

favicon.ico要小所以可内存

avicon.ico是位于伺服器根目录下的一个相片文档。它是必定存在的,因为即使你不关心它是否有用,应用程序也会对它发出允诺,因此最好不要返回一 个404 Not Found的响应。由于是在同一台伺服器上,它每被允诺一次coockie就会被发送一次。这个相片文档还会影响浏览顺序,例如在IE中当你在 onload中允诺额外的文档时,favicon会在这些额外文本被加载前浏览。 因此,为了增加favicon.ico带来的弊端,要做到: 文档尽量地小,最好小于1K 在适当的时候(也就是你不要打算再换favicon.ico的时候,因为更换新文档时不能对它进行重命名)为它设置Expires文档头。你能很安全地 把Expires文档头设置为未来的几个月。你能通过核对当前favicon.ico的上次编辑时间来作出判断。 Imagemagick能帮你创建小巧的favicon。

前端如何做好网站性能优化

使AJAX可内存

利用时间戳,更精巧的同时实现响应可内存与伺服器统计数据同步更新。

采用GET来完成AJAX允诺

当采用XMLHttpRequest时,应用程序中的POST方法是一个“两步走”的操作过程:首先发送文档头,然后才发送统计数据。在url小于2K时采用GET获取统计数据时更加有意义。

预加载

尽量增加iframe的特征值

考量即使文本为空,加载也需要时间,会制止页面加载,没有语意,注意iframe相对其他DOM元素高出1-2特征值量级的开销,它会在典型方式下阻塞onload事件,IE和Firefox中主页面JSP会阻塞它的浏览。

知识分享到这里就结束了,学习web后端的朋友能来我的群:675498134,群里每天都有对应资料学习,不定期分享干货,包括我自己整理的最新的后端资料和教程送给大家,欢迎初学和进阶中的小伙伴。

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务