`
xudongcsharp
  • 浏览: 477311 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

提高网页加载速度

阅读更多
1.       页面数据调用(数据库查询)方面原因,程序尽量减少访问数据库次数.

2.       <iframe>页面引用过多,会影响页面加载速度。

3.       Js调用,影响页面加载速度。

4.       图片文件大小没有控制好,页面加载图片、flash过多而又没有控制其大小。具体可采用js来改变加载项的顺序,在保证页面能够正常浏览之后再加载广告、次要图片等信息。

5.       服务器上web文件混乱,通过国外一蜘蛛网站发现,2007.2月份的网站程序文件依然存在于web目录并且可以访问。蜘蛛抓取网站频繁会导致服务器负担增加,所以,只允许蜘蛛抓取想让抓取的内容,除了robots文件外,过期的内容应该及时备份后扯下web服务器。


6.       列表类信息中,一行显示多个字段,比如房源信息栏目,并不是要每个字段都加上<a>标签的,一行有5个字段,加了5个完全一模一样的<a>标签,产生了4倍的垃圾字符串,而实现的却是一个功能,增加了html文件的大小,程序在循环插入url等的时候,增加了解析时间,用户在浏览页面的时候,下载的html文档也增加了,最终影响了页面的加载和解析速度。

7.       现有的房产大巴扎网站,在整个web项目中,可重用性差,可重用的图片(如logo)、js文件(如实现tab效果的)、css文件(如通用性强的,可用于整站的),由于各个子项目的开发周期、上线、经手人等的不定性,大量重复放置于不同的web目录中,不易于修改;同时,用户在浏览页面的时候,根据用户的浏览器设置(基本可以忽略)、服务器端设置、文件位置等,大量文件缓存于客户端,有利于再次浏览或者浏览其它有公用文件的页面的时候的加载速度。

8.       服务器端配置,配合7,设置js\css\图片等文件,缓存到用户到本地。

9.      Gzip压缩等设置,可以加快页面传输速度。

10.   图片文件、css文件、js文件,如果这些文件比较多,可以采用分流的方式,放置在图片文件服务器上。网页在加载的过程中,对于不同的域名(二级域名)上的内容采用的是并行下载的方法,并行下载能够提高页面加载速度。(并行请求)

11.   优化css、js文件。在开发中使用的css\js文件,应用到生产环境中的之前,必须进行压缩、合并(减少http请求数量)等处理。比如css文件中的缩写,能缩写的一定要缩写;js文件可通过专门的压缩工具进行压缩。减少文件的体积。

12.   背景图片,在css文件中使用的背景图片,能够整合到一张图片中的,不要单独存放。(减少http请求数量)

13.   高级:css、xhtml的规范。Xhtml语义化、减少嵌套层次;css的书写方式、类、id、tag的书写方式都会影响到页面的渲染速度。正确的使用css+xhtml,充分理解标准,有利于减少页面的渲染时间,提高网站访问速度。

原文出自:http://ishouzi.com/204.html
分享到:
评论

相关推荐

    学会这11招提高网页加载速度不是问题.docx

    ### 提高网页加载速度的11个技巧 #### 一、合并JS文件和CSS - **定义**: 将多个JS文件和CSS文件合并成单个文件。 - **优点**: 减少HTTP请求次数,加快页面加载速度。 - **实现方法**: 使用自动化工具如Gulp或Grunt...

    apache模块 合并多个js/css 提高网页加载速度

    Apache模块mod_concatx是针对网页优化的一个利器,它专门用于合并多个JavaScript(js)和样式表(css)文件,以此来提升网页加载速度。在现代网页设计中,为了实现复杂的功能和美观的界面,通常会引入大量的外部js和...

    六招提高网页加载速度的小技巧

    提高网页加载速度是每个网站管理员需要关注的重要问题。网站加载速度的快慢直接影响用户体验和搜索引擎排名。下面详细解释六个提高网页加载速度的小技巧: 1. 优化CSS 层叠样式表(CSS)是定义网页内容如何显示在...

    提高网页加载速度的初步简单技巧方式

    以上是提高网页加载速度的一些基础策略。当然,还有更多高级优化方法,如服务器端优化、数据库优化、代码重构等,需要根据具体情况综合考虑。持续关注并优化这些方面,将显著提升网页的加载性能,从而提升用户体验。

    25种提高网页加载速度的方法和技巧

    以下是一些提高网页加载速度的方法和技巧: 1. **压缩和优化资源**:压缩HTML、CSS和JavaScript文件,减少文件大小,从而缩短加载时间。使用Gzip进行压缩,可以显著降低文件传输量。 2. **合并文件**:将多个CSS和...

    提高页面加载速度的若干方式 .doc

    提高网页加载速度是提升用户体验和网站性能的关键因素。以下是一些针对HTML代码和后台ASP.NET逻辑的优化策略,旨在加快页面加载效率。 1. **兼容性优化**:确保页面在不同浏览器如IE6、IE7和Firefox之间具有良好的...

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

    互联网带宽越来越宽,似乎让网页的加载速度得到了质的飞跃。其实不然,因为随着带宽的提高,网页上的对象也越来越多,因此加快网页打开速度...这篇文章站在一个网站设计者的角度,分享一些优化网页加载速度的小技巧。

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

    - 如果经常需要处理大量网页内容,考虑升级计算机硬件,如增加RAM内存或更换为SSD固态硬盘,都能显著提升系统整体性能,从而提高网页加载速度。 以上这些方法可以帮助改善Win7系统下的网页打开速度。但请注意,...

    电信设备-快速加载网页信息的方法及装置.zip

    此外,通信协议的优化也是提高网页加载速度的关键。例如,采用HTTP/2协议,它可以实现多路复用,允许在一个TCP连接上同时处理多个请求,显著减少了建立连接的开销和延迟。同时,通过使用服务器推送(Server Push)...

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

    4. **DNS优化**:使用快速的DNS服务器可以加快解析网页地址的速度,从而提高网页加载速度。用户可以更换为公共DNS服务,如Google Public DNS或Cloudflare DNS。 5. **路由器设置**:确保路由器的固件是最新的,并且...

    20种提升网页速度的技巧

    YSlow可以帮助开发人员诊断瓶颈和识别问题,提高网页加载速度。 知识点5:安装Firebug和YSlow ------------------------- 安装Firebug和YSlow非常简单,执行以下步骤即可完成安装。Firebug可以从Tools菜单访问,而...

    Windows下使用apache模块实现合并多个js、css提高网页加载速度

    使用mod_concatx, 可以合并多个文件在一个http响应报文中,可以有效提高js/css的加载速度。 示例效果如下: mod_concatx模块是在mod_concat基础上修改的,感谢他们的工作。 原有的mod_concat模块有很大的参考价值,...

    Android参考源码-加载网页进度条.zip

    可以开启硬件加速、使用WebView缓存策略,以及使用异步加载图片等技巧,提高网页加载速度和整体性能。 8. **错误处理**: 应该考虑网络异常、加载失败等情况,提供友好的错误提示。 源码中的例子可能会包含以上...

    推荐移动端网页使用的图片懒加载

    因此,图片懒加载(Lazy Loading)应运而生,它旨在提高网页加载速度,降低用户等待时间,提升用户体验。 **图片懒加载的基本原理:** 1. **延迟加载**:默认情况下,图片的`src`属性为空或者一个占位符,浏览器...

    《HTML5网页设计》课后习题及答案10.docx

    * HTML5网页设计的优点包括跨平台、跨设备的兼容性,提高用户体验,提高网页加载速度等。 二、CSS3样式表 * CSS3增加了使用服务器端字体的功能,可以保证每个浏览者获得一致的用户体验。 * CSS3中可以使用@...

    蓝桥杯网页设计(以“极速问诊”网页为例).zip

    蓝桥杯网页设计比赛是一项旨在提高大学生计算机技能和创新能力的比赛。在这场比赛中,参赛者需要设计一个具有实际应用...为了提高网页加载速度,我们可以采用图片懒加载、代码压缩等技术。此外,我们还可以使用CDN加速

    jQuery网页图片延迟加载代码.zip

    在网页设计中,图片延迟加载(也称为懒加载)是一种优化技术,用于提高网页加载速度和性能。这种技术的核心思想是只加载用户当前视口内的图片,当用户滚动页面时,那些还未进入视口的图片才会按需加载。jQuery是一个...

    android 加载网页

    - **性能优化**:通过调整WebSettings的参数,如启用硬件加速,提高网页加载速度和用户体验。 在实际开发中,为了防止用户在网页上进行非预期操作(如点击链接导致离开应用),我们通常会禁用WebView的默认浏览器...

Global site tag (gtag.js) - Google Analytics