五种为你的网页加速的简单而有效的技术

网页尽可能的快速加载对网站非常重要;用户希望快速的查看他们想要看的页面,假如你不能满足他们,他们就会另寻它处。在这篇文章中,你会看到五种为你的网页加速的简单而有效的技术的相关讨论。

1. 先加载CSS最后加载">JavaScript

某些站点,你根本无法避开所有的扰乱了你的功能的HTTP请求。

在这方面,以下几个建议:

在body上的《head》标签里加载CSS

在《/body》标签闭合前加载JavaScript 。

会发生什事情呢?网页在用户的机器上加载显示,因此他们的眼睛就开始扫描所提供的内同,这个时候JavaScript正好迎头赶上在后台进行加载。 i

提示:如果您不想移动JavaScript标记,你认为它会搞糟网站的方式工作,我建议使用 defer 属性。用法如下:

<script defer='defer'>

2. Adding an Expires Header

一些网站非常丰富,即使使用上述的技术后,性能似乎还可以增加更多。

一个用户访问你的网站,产生一些必要的页面,图片,脚本等HTT请求。

当你使用了Expires Header,你可以在用户的本地机器对这些元素进行缓存,不仅提高了他们的访问速度,也节省了你的带宽。 Expires header可以在所有的图片,脚本与css上使用。

只需要在你的网站根目录.htaccess文件中加入一行代码就可以轻松做到。(假如你没有,可以用文本编辑器创建一个,存为.htaccess,然后上传到根目录中。)

下面的.htaccess.为ico, .pfd, .flv (Flash类型文件), .jpg, .png等设置了2010到期的遥远的期限。

<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|CSS|swf)$">
  Header set Expires "Thu, 15 Apr 2010 20:00:00 GMT"
</FilesMatch>

请注意:如果设定过于遥远的expires header,你更新文件需要重新命名(version it) 否则使用缓存的用户将无法看到更新。

例如,如果你拥有一个avaScript文件需要更新, 使用版本号码然后更新所有的旧版本文件 (即. javascriptfile-1.0.js, javascriptfile-1.1.js)

时间: 2024-11-03 22:57:35

五种为你的网页加速的简单而有效的技术的相关文章

网页设计指导:五种常用精美网页风格

在浏览精美的网页时,我们都会发现许多网站的风格的有一些共性,总结这些网站风格特点可以为网页设计师提供更精准的设计趋势方向.同时能为我们的网页设计起到指导作用,比如下面的这五种网页风格就经常在许多网站中见到,我们可以看到虽然使用的元素和风格相近,不过每个网站都有自己独特的特性. 使用大标题的网站设计 使用大图片的网站设计 受大自然启发的网站设计 使用素描/插画的网站设计 使用滑动效果的网站

一起谈.NET技术,在ASP.NET网页间传递数据的五种方法

重点总结 目前为止在ASP.NET网页中传递数据的方式至少有5种: 1.通过查询字符串传递数据. 2.通过HTTP POST传递数据. 3.通过会话状态传递数据. 4.通过源页的公共属性传递数据. 5.通过源页中的控件值传递数据. 到底使用哪种方式来进行数据的传递,这可能受到两方面的影响: 1.页面重定向的方式. 2.源页和目标页是否位于相同的ASP.NET应用程序中. 如果源页和目标页位于不同的ASP.NET应用程序中则只能通过查询字符串和HTTP POST传递数据. 而如果源页和目标页位于相

在ASP.NET网页间传递数据的五种方法

重点总结 目前为止在ASP.NET网页中传递数据的方式至少有5种: 1.通过查询字符串传递数据. 2.通过HTTP POST传递数据. 3.通过会话状态传递数据. 4.通过源页的公共属性传递数据. 5.通过源页中的控件值传递数据. 到底使用哪种方式来进行数据的传递,这可能受到两方面的影响: 1.页面重定向的方式. 2.源页和目标页是否位于相同的ASP.NET应用程序中. 如果源页和目标页位于不同的ASP.NET应用程序中则只能通过查询字符串和HTTP POST传递数据. 而如果源页和目标页位于相

充分利用这五种工具 提升网站的加载速度

大家都是都网站速度对于成功网站的重要性,无数的数据证明,如果网站打开超过五秒钟,超过三分之一的用户会选择离开.基于这样的认识,慢速的网站对于网站转化率来说就是杀手.但是设计人员往往把这些慢速的原因归结为服务器端不给力. 然后导致慢速的原因大部分来自前端.你的Css,Javascript,图片以及html代码堆砌在一起.要优化这些内容,咋一听来,像是繁复的任务!但是现在有很多工具可以简化这样的流程.首先使用网站速度测试工具(地址),看下你网站的基本速度,然后利用下面的五种工具来提升你网站的加载速度

网站运营:大型网站常用的五种推广方法

推广|网站运营 大型网站常用的五种推广方法   不同类型的网站,其推广方法的选择也是不同的,对于大型网站而言,那几种方法是最有效的呢?     1.搜索引擎优化:     由于大型网站的信息量非常的大,它的页面可能是上百万个页面,其每个页面都包含有相应得关键词,所以如果这些页面都能够从搜索引擎优化的角度来设计的话,将会帮助网站从搜索引擎中获得非常大的流量.比如IT.com.cn网站,目前每天能够从搜索引擎中获得几十万IP的流量.     平均而言,搜索引擎给网站带来的流量,占其新流量的75%左右

SQL中的五种数据类型

数据|数据类型 简要描述一下SQL中的五种数据类型:字符型,文本型,数值型,逻辑型和日期型 字符型 VARCHAR VS CHAR VARCHAR型和CHAR型数据的这个差别是细微的,但是非常重要.他们都是用来储存字符串长度小于255的字符. 假如你向一个长度为四十个字符的VARCHAR型字段中输入数据Bill Gates.当你以后从这个字段中取出此数据时,你取出的数据其长度为十个字符--字符串Bill Gates的长度. 现在假如你把字符串输入一个长度为四十个字符的CHAR型字段中,那么当你取

OpenSuSE 13.1新变化:为用户带来五种桌面

在经过八个月的策划.打包.功能添加.问题修复.测试和更多的问题修复后,SUSE Linux为您带来了自由开源社区所能提供的最好产物,带有我们绿色之触.稳定卓越的:openSUSE 13.1! 今天傍晚,opensuse13.1在官网正式发布.在经过八个月的策划.打包.功能添加.问题修复.测试和更多的问题修复后,SUSE Linux为您带来了自由开源社区所能提供的最好产物,带有我们绿色之触.稳定卓越的:openSUSE 13.1!Linuxer们可以考虑更新了! 本发布版从我们基础测试设施的改进中

笔记本键盘清理五种方法

  键盘是笔记本电脑里最容易堆积灰尘的部件,看看每个键帽就知道它的下面是灰尘最好的藏身之地.过多的灰尘会加速键盘导电橡胶的腐蚀,从而对键盘的印刷电路造成损伤.接下来就让我们一起使用五种不同的清洁方法使键盘变得干净起来. 一.清洁前需要准备的清洁工具:键盘清洁机.USB键盘吸尘器.魔术清洁软胶.清洁液.皮吹.毛刷.清洁布 分别如下图: 二.五种清洁方法 1. 第一种方法是使用键盘清洁机进行清洁,使用键盘清洁机沿键盘缝隙进行横行和纵向的顺序清洁.如下图: 2. 第二种方法是使用USB键盘吸尘器进行清

看看这五种博客推广方法的具体说明

在互联网的圈子里有关推广的问题是一个永恒的话题,你的商品哪怕再好如果没有推广出去一切都是白搭,经常听有人说"酒香不怕巷子深",但结合当今社会的形式,特别是在竞争日益残酷的今天我想"酒香也会怕巷子深了".如果你的产品未能及时进行推广,被别人抢先占领了市场,那么要想后来者居上难度是可想而知的.很多朋友不知道在互联网上到底该怎么推广,其实关键还是在于多思考转变思维方式,下面我就给大家介绍行之有效的5种博客推广方法: 一.视频优化推广 随着搜索引擎整合搜索的改进,搜索关键词