HTML首页调用远程JS和CSS减少IIS压力

发布时间:2017-01-09 17:33

在常规网站建设过程中,基于HTML的JS调用和CSS布局均采用本地相对路径方式。如果当页面短时间用户请求过密且流量过大通常容易导致IIS宕机,一般这种情况与虚拟主机空间的IIS限制设置和流量控制有关。其目的是放置某一台主机上的WEB程序占用过多流量而影响到整个机柜的服务器!那么如何才能在最大程度的降低IIS压力呢?比较好的办法是在用户请求比较频繁的页面中使用远程的JS文件和CSS

何为远程,实际是JS文件与CSS文件于网站不在同一服务器。在实际应用中使用外部文件可以提高页面速度,因为JavaScript和CSS文件都能在浏览器中产生缓存。内置在HTML文档中的JS和CSS则会在每次请求中随HTML文档重新下载。这虽然减少了HTTP请求的次数,却增加了HTML文档的大小。从另一方面来说,如果外部文件中的 JS和CSS被浏览器缓存,在没有增加HTTP请求次数的同时可以减少HTML文档的大小。

尤其在开区的前一段时间,由于首页是用户访问最多也最频繁的。如果将JS植入页面最顶部,势必展示给用户的信息将在服务器第一时间处理后并由客户端解析通知用户。如此往返既耽误时间也给服务器造成相当的压力。所以采用平衡内置代码或者将JS植入页面底部是比较妥当的方法,虽然有无法完整显示的时候,但至少不会出现阻塞资源。这样做的好处是内置代码可以减少来自HTTP的请求或使用外部文件来降低IIS的负荷!

最为常见的JS和CSS在首页中的体现形式

1、在首页中内置 JavaScript和CSS,但是在页面下载完成后动态下载外部文件,在子页面中使用到这些文件时,它们已经缓存到浏览器了。
2、在HTML代码中将JS放在head代码之间,注意将嵌入的JS内容写在CSS样式表前面。建议使用defer的方法
3、尽量不要在JS文件中使用调用运行时间过长的函数。