CSS和JavaScript脚本实例
来源:才华咖 本文已影响2.62W人
来源:才华咖 本文已影响2.62W人
导语: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脚本,但是在页面下载完成后动态下载外部文件,在子页面中使用到这些文件时,它们已经缓存到客户端了。
母版页时内容页是如何使用css和javascript
用JSP和JavaScript打造级连菜单
JavaScript如何实现JSON.stringify
深入理解JS实现快速排序和去重javascript技巧
JavaScript脚本语言
JavaScript中创建字典对象(dictionary)的实例
JavaScript和JSP的区别
c#和javascript函数相互调用示例
关于JavaScript中isPrototypeOf函数作用和使用实例
java与javascript之间json格式数据互转详解
关于 response方法的javascript asp教程第六课
使用JavaScript实现Java的List功能
JavaScript中的style.cssText使用教程分解
perl- javascript中class的机制
javascript中String对象的slice()方法
javascript中setInterval的用法总结
javascript中js闭包的深入理解
Javascript和Java语言间的异同比较
Javascript的this用法简述
Javascript实例教程如何使用HoTMetal
JavaScript匿名函数实例分析
病例急救演练脚本
javascript中toString()的用法
java - public class与class的区别详解
JavaScript JS入门详细教程
JavaScript中Cookie操作实际案例
JavaScript中this的用法步骤
javascript写的异步加载js文件函数
Javascript 继承实现例子参考
Javascript拓展String方法代码
优化JavaScript脚本的性能的方法
浅谈javascript深入理解js闭包
JavaScript instanceof 的使用方法有哪些
Javascript入门学习js函数
javascript中sort()的用法分析
JavaScript脚本语言
分镜头脚本剧本范本示例
JavaScript实例讲解
Javascript中call与apply的学习笔记示例
关于课件制作脚本范例