修改网站代码减少外部图片、CSS、JS等文件数量

优采云 发布时间: 2021-05-05 19:08

  修改网站代码减少外部图片、CSS、JS等文件数量

  这主要是为了修改网站代码,减少外部图像,CSS,JS和其他文件的数量,以及手动合并多个CSS / JavaScript文件。 IIS没有设置。

  2、使用CDN

  对于小网站,将避免这种情况。当然,有钱人可以尝试一下,从技术上可以解决用户访问响应速度慢的问题网站。

  3、启用内容过期

  启用静态文件的内容到期以提高访问性能。首先,网站的目录应合理划分。图像,CSS和JavaScript都放置在单独的目录中,然后在IIS中选择目录,单击属性HTTP标头,启用内容到期,然后可以选择30天后过期。这样,将比较用户浏览器的当前日期和到期日期,以确定是显示缓存的页面还是向服务器请求更新的页面。由于图片,CSS和JS通常变化较小,因此基本上是从本地缓存中读取它们,以加快显示速度。

  

  4、启用Gzip压缩

  HTTP压缩是一种在Web服务器和浏览器之间传输压缩文本内容的方法。 HTTP压缩使用通用压缩算法(例如Gzip)来压缩HTML,JavaScript或CSS文件。压缩的最大优点是减少了通过网络传输的数据量,从而提高了客户端浏览器的访问速度。

  要使用它,请右键单击“ 网站”->“属性”,然后选择“服务”。在“ HTTP压缩”框中,选择“压缩静态文件”,建议使用“临时目录”在另一个磁盘下设置一个单独的目录。

  

  然后,在IIS管理器中,右键单击“ Web服务扩展”->“添加新的Web服务扩展”,在“扩展”中输入“ HTTPCompression”,然后将“所需文件”添加为C:\ Windows \ system32 \ inetsrv \ gzip.dll,Windows系统目录可能会因您的安装而有所不同,请选择“将扩展名设置为允许”。

  

  最后,使用文本编辑器打开C:\ Windows \ System32 \ inetsrv \ MetaBase.xml,添加需要在HcFileExtensions中压缩的静态文件扩展名,默认为HTML和TXT文件,建议添加js ,css等。,请勿添加已压缩的图片或ZIP文件。

  5、将样式文件放在头部

  这是基本的HTML代码样式。将所有CSS文件放在HTML页面的顶部。

  6、将脚本文件放在最后

  这也是基本的HTML代码样式。将所有JavaScript文件放在HTML页面的末尾。

  7、避免使用CSS表达式

  这很简单,因为大多数人从不使用CSS表达式。

  8、使用外部JavaScript和CSS

  所有JavaScript和CSS均以外部文件的形式引用。这主要是为了允许这些文件被浏览器缓存。请参考引言的第三点。

  9、减少DNS查询

  域名的DNS查询将带来额*敏*感*词*内,以免降低页面加载速度。

  1 0、压缩JavaScript文件

  压缩脚本文件并删除不必要的字符可以缩短加载时间。有许多用于JavaScript文件的压缩工具。我有一个GUI界面JS压缩工具可供下载。

  1 1、避免重定向

  网页的重定向会带来额外的操作开销,因此请避免页面的重定向操作。

  1 2、删除重复的脚本

  收录两次相同JavaScript文件的页面会影响加载性能,因此需要删除重复的脚本文件。

  1 3、配置ETag

  这是一个令人困惑的问题。从理论上讲,删除服务器的ETag可以提高HTTP请求的性能,但是根据Microsoft官方提供的修改方法配置IIS 6. 0并没有实际效果。最后,我使用了ISAPI形式的第三方DLL文件。实现了删除ETag的功能。

  在上述网站前端重建和WEB服务器配置更改之后,我们的页面结构变得更加标准化。大部分重建的页面将获得良好的YSlow评分,并且整体性能得到了很大改善。 。对于最终用户来说,他们显然也会感到网站的访问速度变得更快,并且网站的浏览体验得到了更好的改善。

  参考书:高性能网站建设指南-由电子工业出版社出版

  

  ()()

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线