CSS样式和JavaScript脚本是应该放在外部文件中呢

CSS样式和JavaScript脚本是应该放在外部文件中呢?
  还是把它们放在页面本身之内呢?
  如何处理是关于一些性能规则的思维,就这些问题,作一些探讨。

  在实际应用中使用外部文件可以提高页面速度,因为CSS样式和JavaScript脚本文件都能在客户端产生缓存。内置在HTML文档中的CSS样式和JavaScript脚本则会在每次请求中随HTML文档重新下载。这虽然减少了HTTP请求的次数,却增加了HTML文档的大小。从另一方面来说,如果外部文件中的CSS样式和JavaScript脚本被客户端缓存,在没有增加HTTP请求次数的同时可以减少HTML文档的大小。

  关键问题是,外部CSS样式和JavaScript脚本文件缓存的频率和请求HTML文档的次数有关。虽然有一定的难度,但是仍然有一些指标可以一测量它。如果一个会话中用户会浏览你网站中的多个页面,并且这些页面中会重复使用相同的脚本和样式表,缓存外部文件就会带来更大的益处。

  许多网站没有注意建立这些指标。对于这些网站来说,最好的坚决方法就是把CSS样式和JavaScript脚本作为外部文件引用。比较适合使用内置代码的例外就是网站的主页。主页在一次会话中拥有较少(可能只有一次)的浏览量,你可以发现内置CSS样式和JavaScript脚本对于终端用户来说会加快响应时间。而且主页一般是用户访问的第一页,内置CSS样式和JavaScript脚本可以提高打开的速度。

  对于拥有较大浏览量的首页来说,有一种技术可以平衡内置代码带来的HTTP请求减少与通过使用外部文件进行缓存带来的好处。其中一个就是在首页中内置CSS样式和JavaScript脚本,但是在页面下载完成后动态下载外部文件,在子页面中使用到这些文件时,它们已经缓存到客户端了。

时间: 2024-09-15 23:13:16

CSS样式和JavaScript脚本是应该放在外部文件中呢的相关文章

CSS样式和JavaScript脚本是应该放在外部文件中呢?

  CSS样式和JavaScript脚本是应该放在外部文件中呢? 还是把它们放在页面本身之内呢? 如何处理是关于一些性能规则的思维,52CSS.com就这些问题,作一些探讨. 在实际应用中使用外部文件可以提高页面速度,因为CSS样式和JavaScript脚本文件都能在客户端产生缓存.内置在HTML文档中的CSS样式和JavaScript脚本则会在每次请求中随HTML文档重新下载.这虽然减少了HTTP请求的次数,却增加了HTML文档的大小.从另一方面来说,如果外部文件中的CSS样式和JavaScr

x64环境下,把内嵌汇编的汇编单独放在.asm文件中

问题描述 x64环境下,把内嵌汇编的汇编单独放在.asm文件中 void GDIRender::YUV_TO_RGB24(unsigned char *puc_y int stride_y unsigned char *puc_u unsigned char *puc_v int stride_uv unsigned char *puc_out int width_y int height_yint stride_out) { int y horiz_count;unsigned char *p

使用JavaScript脚本判断页面是否在微信中被打开_javascript技巧

1.根据User-Agent判断 // Js获取User-Agent window.navigator.userAgent if(window.navigator.userAgent.match(/MicroMessenger/i) == "micromessenger") // Php获取User-Agent echo $_SERVER['HTTP_USER_AGENT']; if(strpos($_SERVER['HTTP_USER_AGENT'],'MicroMessenger'

使用JavaScript脚本无法直接改变Asp.net中Checkbox控件的Enable属性的解决方法_javascript技巧

 今天工作中遇到个小问题,情况如下,当我在后台页面中设置Checkbox的Enable的值为false时,我在前端页面中使用脚本(chk.disabled = false),无法改变disabled的值为false,代码如下:  前台代码: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <scri

请教一个问题,如何把一个远程js,放在.js文件中引用呢?

问题描述 比方我建立了一个xx.js文件想把多个远程比方http://js.users.51.la/5625406.jshttp://js.users.51.la/56254061111.js都放到这个xx.js里面并且可以使用应该如何写呢,求详细,谢谢 解决方案 解决方案二:你试试在这个文件里写document.write('<scriptsrc="http://js.users.51.la/5625406.js"type="text/javascript"

请问放在App_Themes的css样式如何才不同时加载?

问题描述 我有很多css样式,但是一旦设定皮肤后,每个页面都把所有css读出来,难道不能指定某个页面读其中的部分css吗? 解决方案 解决方案二:mark帮顶要不还是放在一个文件中吧,反正浏览器有缓存的解决方案三:一是速度问题二是有些样式是冲突的到底如何解决?解决方案四:webconfig里面配置<locationpath="fckeditor"><system.web><pagestheme=""></pages>&

JavaScript动态添加css样式和script标签_javascript技巧

[动态添加css样式] <html> <head> <script type="text/javascript"> window.onload=function(){ var head=document.getElementsByTagName('head')[0]; //获取到head元素 var link=document.createElement('link'); //创建link元素节点,也就是link标签 link.rel="s

javascript 动态修改css样式方法汇总(四种方法)_javascript技巧

在很多情况下,都需要对网页上元素的样式进行动态的修改.在JavaScript中提供几种方式动态的修改样式,下面将介绍方法的使用.效果.以及缺陷. 1.使用obj.className来修改样式表的类名. 2.使用obj.style.cssTest来修改嵌入式的css. 3.使用obj.className来修改样式表的类名. 4.使用更改外联的css文件,从而改变元素的css 下面是一段html代码和css代码用来解释上面方法的区别的. CSS .style1{margin:10px auto ;b

三种方法实现实时切换CSS样式

css 用W3C标准建造的网站,从理论上来说可以做到完全的表现与结构相分离.打个比方,就是可以在不动骨架(结构,XHMTL)和肌肉(行为,Javascript)的前提下,彻彻底底地换一身皮(表现,CSS). 当然,换皮之前你需要先按W3C标准建好你的网站,并且为它准备两套表现不一样的CSS."换皮"实质上就是"换CSS",我们要做的,只是用某种方法让浏览器载入另一套CSS,重新渲染页面.方法有很多种,我就介绍最常见的三种. 方法一:什么也不干 啊?什么也不干?嗯,这