`
wanggp
  • 浏览: 148214 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

网页代码优化-加快网页显示速度十全十美终极方案!

阅读更多

1、设置浏览器缓存,加快下次访问速度,在<head>与</head>之间加入以下代码:
<meta http-equiv="cache-control" content="public" />
如果不缓存,代码如下:
<meta http-equiv="cache-control" content="no-cache" />

2、网页插广告或部分内容显示慢,会导致整体页面的显示速度也变慢,加入下面的代码可以完美解决这个问题。以下代码同时兼容IE和FireFox等浏览器。

第一步,把这段代码放在你要放广告或其他加载速度比较慢的内容的网页位置:
<div id="myads"></div>

第二步:把下面这两段代码放到网页底部:
<div id="span_myads" style="display:none">
这里放上广告的JS代码或其他加载速度比较慢的内容。
</div>
<script type="text/javascript">
document.getElementById("myads").innerHTML = document.getElementById("span_myads").innerHTML;
document.getElementById("span_myads").innerHTML = "";
</script>

3、由于图片载入速度较文字慢,可以将不需要马上显示的图片,由浏览器后面再加载。
例如:把原代码<img src="images/picname.gif" width="图片的宽度" height="图片的高度" border="0" >
改为:<img id="picnamesrc" width="图片的宽度" height="图片的高度" border="0" >

然后,把以下代码放置在网页的后面:
<script type="text/javascript" language="JavaScript">
document.getElementById("picnamesrc").src="images/picname.gif";
</script>

4、应用CSS样式,缩小页面体积,由浏览器调用CSS文件。
例如:在<head>与</head>之间加入如下代码:
<link rel="stylesheet" type="text/css" href="styles/skin.css" media="all" />

5、调用js脚本,减小页面体积,由浏览器在后台下载js文件。
例如:<script type="text/javascript" src="js/add.js"></script>

6、减少http的请求:

不要在网站上放置过多http请求的东西(图像,脚本等等),每个对象都会延迟加载。减少请求的方法:

(1)减少不必要的对象

(2)合并相应的css

<link rel="stylesheet" type="text/css" href="/body.css" />
<link rel="stylesheet" type="text/css" href="/side.css" />
<link rel="stylesheet" type="text/css" href="/footer.css" />

合成一个后:

<link rel="stylesheet" type="text/css" href="/style.css" />

特别注明:对于js脚本文件,要根据需要和具体情况,一般不要合并成太大的js文件,要将不急需的js文件(如:设置首页、加入收藏夹等代码)放在网页后面调用。

7、记得帮页面减肥

浏览网页实际上是将虚拟主机中的网页内容下载到本地硬盘,再用浏览器解释查看的。下载网页的快慢在显示速度上占了很大比重,所以,网页本身所占的空间越小,那么浏览速度就会越快。

HTML网页代码减肥(免费免注册汉化版)工具下载地址:http://www.soqu.org/download/HTML.rar

8、不要将整个页面内容塞到一个Table中。

浏览器加载Table时要等里面所有的内容都加载完毕后才显示出来,如果某些内容无法访问,就会拖延整个页面的访问速度。正确的做法是:将内容分割成几个独立的Table中去,不要全都塞到一个Table里。

9、使用iframe嵌套另一页面

比如你要在网站插入一些站内通用内容或其他网站内容,又不想让这些内容影响速度的话,那么,使用iframe最合适不过了。例如要在网页上插入一些其它站点内容代码方法,在网页用如下的代码将该页面嵌入即可,这样就不会因为这些内容的延迟而拖了整个页面的显示,代码如下:

<IFRAME marginWidth=0 marginHeight=0 src="http://www.id5.cn/desktop/index.jsp?icpcode=bhc06" frameBorder=0 width=523 scrolling=no height=377 leftmargin="0" topmargin="0">< /IFRAME>

其中http://www.id5.cn/desktop/index.jsp?icpcode=bhc06是被引用文件的路径,width,height应设置成相应的值。

演示地址:http://www.soqu.org/id5.htm

10、将统计代码放置在网页的后面,避免统计影响了整个页面的显示速度。

分享到:
评论

相关推荐

    02242 服装行业-服装营销培训技巧-十全十美销售流程(PPT 28页).ppt

    02242 服装行业-服装营销培训技巧-十全十美销售流程(PPT 28页).ppt

    十全十美 (一款游戏代码)

    一个用Delphi7写的游戏,给大家参考!把所有白色变为黑色就算过关。

    通达信指标公式源码 改进型十全十美指标.doc

    通达信指标公式源码 改进型十全十美指标 通达信指标公式源码 改进型十全十美指标是一种技术指标,用于对股票或其他证券进行技术分析。该指标由多个子指标组合而成,每个子指标都有其特定的计算公式和应用场景。 1....

    十全十美-Windows10

    十全十美-Windows10,这个是windows10的入门级读物,荐读人群:对Windows10感兴趣,如有侵权,请联系我删除。

    通达信指标公式源码 十全十美 副图源码.doc

    通达信指标公式源码十全十美副图源码.doc 在这个资源中,我们可以看到许多技术指标的公式,包括移动平均线、相对强弱指标、移动平均线金叉、KDJ指标、RSI指标、趋势指标、BBI指标等。下面我们将逐一解释这些指标的...

    C语言实战游戏 十全十美

    C语言实战游戏 十全十美 C语言实战游戏 十全十美

    C语言程序十全十美 数字完美

    一个人的每个个性特点都表示为一个介于1-9的值,如果一个人的全部个性特点与另外一个人相应的个性特点值相加等于10,则认为他们就是十全十美的黄金搭档。相信你一定能帮他解决这个问题! Input 输入的第一行中...

    我做的小游戏源码,包括十全十美,猜数字和圈叉棋

    十全十美包含答案,别的就没什么稀奇的了。用c#编的,仅供参考。

    Windows 10,十全十美

    1.根据“Windows 10 周年更新”的更新内容,序章继续概括的介绍改进点,并加入“Windows Ink”和“Linux Bash”等内容。 2.附录上,取消了原附录一“知识链接”,“快捷操作”做了一些小修订,“开发年表”更新到...

    HPUX系统优化简述

    要让一台UNIX主机工作在最佳状态,我们不只需要一台强劲的...然而,由于各主机的应用会不尽相同,因此HPUX系统的优化也不存在十全十美的方案,只有根据每台主机的具体应用来分析,下面就先对系统优化的原理进行简述。

    论文研究-群签名方案之比较研究.pdf

    回顾了群签名理论研究的发展过程,列举了群签名...最后提出:设计好的方案固然重要,但当设计十全十美的方案比较困难时,不能因此而放弃其实际的应用,可针对具体的应用环境对某些指标的特定要求采取适合该环境的方案。

    网络游戏:五子棋VB6.0代码.rar

    VB6.0编写的网络对战版的五子棋游戏源代码,虽然并不是十全十美,不过界面和功能基本都写出来了,这是在整理代码时候发现的,前几年写的代码,分享出来供VB学习参考。

    玩单反微单相机不可不知的8个闪光灯常识.doc

    TTL 模式也并非十全十美,有时也会出现误判的状况。手动模式可以让玩家自由地控制闪光灯的光量,达到自己的拍摄需求。 闪光灯指数 ------------- 闪光灯指数(简称 GN)是反映闪光灯功率大小的指数之一,GN 的数值...

    十全十美喜糖设计说明PPT课件.pptx

    十全十美喜糖设计说明PPT课件.pptx

    安卓下拉刷新代码(整个工程)

    最近项目中需要用到ListView下拉刷新的功能,一开始想图省事,在网上直接找一个现成的,...因此我也是放弃了在网上找现成代码的想法,自己花功夫编写 了一种非常简单的下拉刷新实现方案,现在拿出来和大家分享一下。

    如何做好直销《天狮十全十美》.pptx

    如何做好直销《天狮十全十美》.pptx

    十副妙方写出十全十美信息标题.rar

    十副妙方写出十全十美信息标题

    检测卡代码

    对于不同的主板BIOS,检测卡检验出来的代码是不一样的,但是检测卡也不是十全十美,所以他只是提供给我们一个参考! 现在话不多说,直接把自己曾经见过的故障码给大家看看 C0:开机检测代码显示C0,这为主板BIOS...

    c语言实战105例源码

    43 同时显示两个文件的内容  44 模拟Linux环境下的vi编辑器  45 文件操作综合应用——银行账户管理  46 实用内存清理程序  47 如何检测Sniffer 48 加密DOS批处理程序  49 使用栈实现密码设置 ...

    (项目需求分析说明书)(十全十美).doc

    (项目需求分析说明书)(十全十美).doc

Global site tag (gtag.js) - Google Analytics