CSS样式和JavaScript脚本是否放置于外部文件的探讨
来源：52css.com 发布时间：2008-08-08 12:39:00
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脚本，但是在页面下载完成后动态下载外部文件，在子页面中使用到这些文件时，它们已经缓存到客户端了。
0
投稿猜你喜欢
通常我们定义一个函数，然后调用该函数时，函数相关的代码才开始执行。可是很多人并不知道，当我们定义函数时，一些代码就开始执行了。今天就来说说函- 本文实例讲述了PHP版微信小店接口开发方法。分享给大家供大家参考，具体如下：首先 大家可以去下一份小店开发的 API接口 因为 下面所有的
- Django的View一个视图函数（类），简称视图，是一个简单的Python 函数（类），它接受Web请求并且返回Web响应。响应可以是一张
- Python数据类型分为值类型和引用类型， 下面我们看下它们的区别：值类型：对象本身不允许修改，数值的修改实际上是让变量指向了一个新的对象包
- 本文通过一个详细的例子，来阐述了在线编辑XML文档数据的方法。由于Netscape对XML的支持比较弱，因此，要实现跨平台的数据交换，数据的
- 如何制作一个从Access数据库中读取记录的下拉菜单？看看这个例子：<％ SQL = "SEL
- 目录最终版本过程借鉴代码思考urllib.request和requestsBeautifulSoup优化处理总结代码复制可直接使用，记得pi
- 本文实例讲述了python计算时间差的方法。分享给大家供大家参考。具体分析如下：1、问题：给定你两个日期，如何计算这两个日期之间间隔几天，几
- 1. 事务介绍MVCC之前，先介绍下事务：事务是为了保证数据库中数据的完整性和一致性。事务的4个基本要素：原子性（Atomicity）：要么
- 本文实例为大家分享了JavaScript缓动动画函数的封装代码，供大家参考，具体内容如下本文将从封装缓动动画的以下几个部分进行封装（1、单个
- $attrs和inheritAttrs用法$attrs属性解释：包含了父作用域中不作为组件 props 或自定义事件的 attribute
- 前言我们通常把RPC用作内部通信，而使用Restful Api进行外部通信。为了避免写两套应用，我们使用grpc-gateway把gRPC转
- 一、新建一个用户老板：给我新建一个用户joytom，密码设置为123321，并任意远程主机都能访问，五分钟完成，实现不了就给我提桶走人！小王
- 一、mysql主(称master)从(称slave)复制的原理： (1).mas
- eval()在print干事情之前，先看看这个东东。不是没有用，因为说不定某些时候要用到。>>> help(eval)&n
- go语言支持语法自己实现枚举类型我们都知道go语言没有原生的枚举类型，但是做业务开发有些时候没有枚举类型确实不方便前后端联调。我们可以通过g
- vue-router切换组件时使组件不销毁默认地，使用vue-router切换组件时，离开的组件会被销毁，新进入地组件会创建。那么，有时候，
- 这是一个使用scrapy的ImagesPipeline爬取下载图片的示例，生成的图片保存在爬虫的full文件夹里。scrapy startp
- 什么是模板匹配模板匹配是指在当前图像A内寻找与图像B最相似的部分，可以理解找茬，但是这里是找出一样的信息。一般我们将图像A称为输入图像，将图
- 近日，有朋友一直打听flash连结服务器相关的知识，搞得我忧心重重，重点是自己也忘记了，大部分Flash的相关开发都是两年前的事，而且fla
