`
deng131
  • 浏览: 675267 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

如何提高网页速度

阅读更多
1.适当压缩图片,选择合适的图片类型(jpg,gif,png);
a.jpg图片适合色彩丰富或使用了过渡色的图像,选择适当的压缩比,通常仅降低5%的优化度,却可以大大降低图片的k数。
b.gif图片适合于色彩简单无过渡色的图像,经过fireworks优化过的gif图可以获得较理想的k数。
c.png图片适用于对图像质量要求较高或需要透明效果的图片。

2.标明图片宽度和高度
<img src="xxx.jpg" width="100" height="100" alt="pic" />
这样书写图片可以降低浏览器解析页面时的负担,显示标明宽高,即使在图片未被加载的情况下也能补足应占据的空间,不会破坏页面布局

3.整合背景图
将页面背景图整合到一张大图中,减少页面请求数,对于背景图较多的页面,可显著提高网页打开速度。

4.不使用多层嵌套的表格
在需要使用表格的情况下,尽可能减少表格的嵌套层数,层数越多浏览器打开页面速度越慢
5.css样式简写
尽可能使用样式的简写形式。
6. 合并css和js文件并压缩。
(工具:YUI compressor、JSMIN)

7.对于指向目录的链接,网址后加斜杠"/"
比如 “http://www.seo-china.net” 应写为http://]http://www.seo-china.net/

8.尽量使用统一的域来请求图片和其它外部文件 www.seo-china | image.seo-china | image2.seo-china | mobile.seo-china ...
比如现在页面中有很多的请求来自image.seo-china.net/TLimages , image2.seo-china.net/TLimages 和 www.seo-china.net/TLimages ,其实在页面中可以只采用一种域名,因为浏览器在多个域之间频繁切换请求是极消耗时间的!
在测试中分别建立了两个引入4个外部js文件的html页面,其中一个采用统一的image.seo-china.net作为外部文件的请求域名,另一个为四个请求制定了不同的请求域名,结果是采用统一域名的页面的平均读取时间为0.5秒,最高2秒,而非统一请求域的页面平均为1.5秒,最高达6秒,
测试虽不精确,但结果是明显的。

9.优化广告代码的后显方式。
现在的广告基本采用后显方式,但是广告数量多时会向服务器产生较多的请求,建议研究更高效的广告显示方式。

10. 尽量将样式写在页面上。
两点好处:(1) 减少请求数 (2)杜绝了页面裸奔的情况
对于文章页这类静态化的页面,为了便于维护样式,建议使用include的方式引入页面样式,兼顾了效率和维护性。

11.为<link>和<script>标签添加type属性

12.加入特殊meta标签,使兼容IE7
<meta http-equiv="X-UA-Compatible" content="IE=7" />

13.相同域的请求尽量放在一起。
例如:下面B的写法就要好于A
A.
<link href="http://www.seo-china.net/c1.css />
<link href="http://www.phplovers.com/c2.css />
<link href="http://www.seo-china.net/c3.css />
<link href="http://www.phplovers.com/c4.css />
B.
<link href="http://www.seo-china.net/c1.css />
<link href="http://www.seo-china.net/c2.css />
<link href="http://www.phplovers.com/c3.css />
<link href="http://www.phplovers.com/c4.css />
分享到:
评论

相关推荐

    JS延迟加载百度分享代码提高网页速度

    JS延迟加载百度分享代码提高网页速度

    提高网页打开速度的一些小技巧

    其实不然,因为随着带宽的提高,网页上的对象也越来越多,因此加快网页打开速度还是一个重要的课题。加快网页的打开速度,有三个路径,一是提高网络带宽,二是用户在本机做优化,三是网站设计者对网页做一定的优化。...

    20 种提升网页速度的技巧

    在网页开发过程中,提高网页速度是至关重要的,它不仅能提升用户体验,还能直接影响到搜索引擎的排名。以下就是20种提升网页速度的实用技巧,旨在帮助开发者优化网站性能,实现高效流畅的网页加载。 1. **压缩代码*...

    网页制作,大学生网页设计啊!很好的网站

    通过合理地使用关键词、优化元标签、提高网页速度等方法,可以提高网页在搜索引擎中的排名,从而增加网站的可见度和访问量。 至于“黄山学院”这个文件名,可能是一个与网页设计相关的学习资源,可能是某位学生或...

    提高网页浏览速度精华.pdf

    因此,了解和掌握提高网页浏览速度的方法至关重要。 首先,标题和描述中提到的"PCCPU"可能是指个人电脑(PC)和中央处理器(CPU)。CPU的处理速度直接影响计算机的性能,从而影响网页的加载速度。高性能的CPU可以更...

    网页设计作品

    设计师需要考虑压缩图片、优化代码和使用CDN等技术来提高网页速度。 8. **SEO优化**:为了提高搜索引擎排名,网页设计需要考虑关键词的使用、元标签的设置以及网页结构的优化,以便于搜索引擎抓取和理解内容。 这...

    提高网页访问速度(给力)

    "提高网页访问速度(给力)"这个标题暗示我们将会探讨一些有效的方法和工具,帮助提升网页的加载效率,让浏览更为流畅。下面将详细介绍一些关键知识点。 1. **优化图片**:图片是网页加载速度的主要影响因素。使用...

    测试网页浏览速度工具

    通过使用像httpwatch这样的专业工具,我们可以深入了解网页加载速度的各个环节,从而对网站进行有针对性的优化,提高用户的浏览体验。无论是开发者还是运维人员,理解并掌握这类工具的使用方法都是提升工作效率、...

    怎么提高网页浏览速度.txt

    怎么提高网页浏览速度.txt

    利用JS延迟加载百度分享代码,提高网页速度

    在这篇文章中,作者详细介绍了如何使用JavaScript实现百度分享功能的延迟加载,以此来提高网页的整体加载速度。 百度分享,作为一种常见的网页分享工具,被众多网站广泛采用。传统的放置百度分享代码的方式是直接将...

    加速浏览网页速度(提高宽带速率)

    标题“加速浏览网页速度(提高宽带速率)”和描述中提到的主题主要关注如何优化网络环境,使得用户在浏览网页时能体验到更快的速度。这里我们可以深入探讨几个与网页加速和提高宽带速率相关的知识点: 1. **宽带...

    易语言-易语言网页打开检测速度

    为了提高网页速度检测的准确性,源码可能还会考虑以下因素: - **缓存处理**:确保每次检测都清空缓存,避免因缓存影响速度测试结果。 - **DNS解析时间**:考虑到DNS解析对网页加载的影响,源码可能包含DNS预解析的...

    win7系统提高网页打开速度的技巧.docx

    - 打开注册表编辑器是提高网页打开速度的第一步。在开始菜单的搜索框中输入`regedit`,然后按回车键,这将启动注册表编辑器。 - 导航至`HKEY_LOCAL_MACHINE/SYSTEM/Controlset001/services/Tcpip/Parameters`路径...

    20种提升网页速度的技巧

    20种提升网页速度的技巧 知识点1:了解网页加载时间优化的重要性 --------------------------- 在这个宽带速度不断提高的时代,网页加载时间优化变得越来越重要。通过缩短页面加载时间,可以为访问者创造一种更好...

    IIS网页启用Gzip压缩 提高浏览速度 解决伪静态也可压缩 百度会正常收录

    IIS网页启用Gzip压缩是提高网页访问速度的重要方法之一。通过启用Gzip压缩,可以减少网页的大小,从而提高浏览速度。但是,很多网站管理员不知道如何在IIS中启用Gzip压缩,导致网站访问速度慢,影响用户体验。 本文...

    网页加速优化方案 H5性能优化 提高网页访问速度

    网页加速优化方案 H5性能优化 提高网页访问速度 资源加载 图片的处理 域名,服务器配置 代码资源 代码规范 API接口的处理 其它建议 更快一步 按需加载 一秒钟法则

    打开网页很慢,怎样提高速度呢

    因此,掌握如何提高网页打开速度的知识点至关重要。 ### 网页优化知识点详解 #### 1. 页面减肥:精简网页资源 页面加载速度受其大小直接影响,过大的Flash动画、高分辨率图片等都会增加加载时间。因此,**减少网页...

Global site tag (gtag.js) - Google Analytics