优化你的站点,让它加载的再快一些

  你的网站是不是因为所有的大图片而经常加载的很慢?大约需要一个普通的拨号用户多长时间来耐心地等待一个网站在他/她的浏览器上完全加载?60秒?30秒?

  经统计30秒是可以忍受的,实际上每位用户(尤其是56K或更慢的modem用户)都没有那么大的耐心在线等待,如果网站在20秒或者更短的时间内不能加载他们会点离你的网站。

  如果你的站点中采用了很多重磅的网络图片和Flash文件(尤其在主页上),你很可能处于极其不利的甚至危险的形式之下!你很可能面临丧失那些连接速度较慢的用户,而且坦率地讲,如果出现那种情况,是不是已让用户们失去了购买的情绪?

  许多人仍然通过简单的modem浏览网络获得信息。除非你的网站专门从事图片浏览,比如游戏查看站点或者这些图片对产品至关重要,否则的话尽量避免使用大图片。

  如果你必须使用大量的及大容量图片,你可以尝试将图片切割成小的图片或者将它们转换成优化的格式。

  下边列出了在网络上用来显示图片的两种常用的格式:

  GIF(图形交换格式)最适合于小于256色的图片——通常用于平面图,比如像公司的标识、导航按钮等等。

  JPEG(联合图像专家组)对于带有照相元素的图片是最好的格式——比如风景、汽车、人物脸部图片等等。

  如果你相应地优化你的图片,你可以将加载时间最高缩短50-70%。如果你先前的加载时间为30秒,你可以将其缩短至15秒之内! 这样对你的访客是不是太好了?

  当然了,在你优化网络图片时在质量和大小之间还需要权衡利弊。尺寸越小,质量越差,反之亦然。网络图片优化的关键是在合理的文件大小的情况下获得最佳的质量。

  文本又怎么样呢?是不是你的某个网页采用了太多的文本,其加载时间无法在20秒内完成?出现这种情况你怎么办?将它们分成小的网页?对了,如果采用表格呢?

  对,可以尝试将网站设计成表格!将一篇大的文本放入不同的表格中(不是表格之内套表格),这样管理方便而且网页也加载的很快!

  你的网站会从第一个表格开始到最后一个表格进行逐步显示,这样你的访客就可以在观看某些内容的过程中等待网站的全部加载。

  这样可以允许你的网页逐步的加载和显示(首先从表格1开始,然后是表格2,之后是表格3,最后是表格4),这样使用户能有东西可以阅读而无需等待网页全部加载完成。

  注意:不要使用嵌套表格(表格套表格),因为它不会有相同的效果而且会因浏览器在加载表格之内的任何表格之前需要完成加载主要的表格而最终降低了加载速度。嵌套表格非常难于控制。

  这就是文章的全部,希望您能在网站加载速度优化中获得乐趣!

时间: 2025-01-19 15:26:57

优化你的站点,让它加载的再快一些的相关文章

优化-百度地图,如何解决加载慢的问题

问题描述 百度地图,如何解决加载慢的问题 用百度API开发的地图,没有百度自己开发的百度地图加载快,如何优化加载快的问题??求大神指导 解决方案 Android 百度地图开发问题----解决地图有时候加载不出来问题Baidu Map 异步加载 解决手机Load 地图慢的问题 解决方案二: 有一个可能性是百度自已开发的用了自己的离线地图,所以加载的比较快.提供的API还是需要从网络下载,所以比较慢. 解决方案三: 网速慢,无解,换个无线网 解决方案四: 1.你用百度api 肯定会在上面添加叠加物,

jQuery如何实现页面加载完毕再去执行代码

 jQuery如何实现页面加载完毕再去执行代码: 本章节介绍一下如何当页面加载完毕再去执行响应的代码.这个是比较基础的问题,下面做一下简单介绍. 解决方案一: $(document).ready(function(){   //code }) 解决方案二: jQuery(document).ready(function(){   //code }) 解决方案三: window.onload=function(){   //code } 解决方案四: 将jquery代码放入body的后面,这样也会

JavaScript优化专题之Loading and Execution加载和运行_javascript技巧

JavaScript 在浏览器中的性能,可认为是开发者所要面对的最重要的可用性问题.此问题因JavaScript的阻塞特征而复杂,也就是说,当JavaScript 运行时其他的事情不能被浏览器处理.事实上,大多数浏览器使用单进程处理UI 更新和JavaScript 运行等多个任务,而同一时间只能有一个任务被执行. JavaScript运行了多长时间,那么在浏览器空闲下来响应用户输入之前的等待时间就有多长. 从基本层面说,这意味着<script>标签的出现使整个页面因脚本解析.运行而出现等待.不

Android优化双缓存的图片异步加载工具(LruCache+SoftReference)

之前在郭大神的博客看到使用LruCache算法实现图片缓存的.这里仿效他的思路,自己也写了一个. 并加入ConcurrentHashMap<String, SoftReference<Bitmap>>去实现二级缓存,因为ConcurrentHashMap是多个锁的线程安全,支持高并发.很适合这种频繁访问读取内存的操作. 下面整个思路是,使用了系统提供的LruCache类做一级缓存, 大小为运行内存的1/8,当LruCache容量要满的时候,会自动将系统移除的图片放到二级缓存中,但为

Dom加载让图片加载完再执行的脚本代码_javascript技巧

现在,我们来研究一下如何解决这个问题,解决方法就是在DOM加载完毕之后就执行程序.         先介绍两个人.一,jquery的作者:John Resig:二,javascript的世界级大师:dean edwards.(大家要记住这两位天才!)        jquery里有专门解决DOM加载的函数$(document).ready()(简写就是$(fn)),非常好用!John Resig在<Pro JavaScript Techniques>里,有这样一个方法处理DOM加载,原理就是通

移动网站性能优化:网页加载技术概览

性能一直是网站成功的关键.越来越多的研究已经证明,不管是小型电商,还是像沃尔玛那样的连锁店,即使是页面加载时间方面的细微改善,都可以带来更多的业务,更多的广告收入,更多的用户粘性和更多的客户满意度. 在过去几年,Web开发者都是基于改善硬件或者提高带宽速度来优化用户体验.但是最近几年,爆炸式的移动Web浏览器的使用打破了这个途径.低带宽,高延迟,小内存,低处理器性能的移动设备环境,迫使开发者不得不想办法通过优化前端页面的性能来满足用户的性能预期. 在强调如何解决移动端性能问题上,这篇文章总结了一

easyui-使用jQury EasyUI 的combotree这个组件,怎样优化加载大量数据

问题描述 使用jQury EasyUI 的combotree这个组件,怎样优化加载大量数据 使用combotree的loadData方法,当加载的数据量过大时,加载速度就会变得很慢,请问有什么办法可以优化? 解决方案 改ajax动态加载的,而不是一次性返回所有数据,现在加第一层,点击后再加载这层的数据 解决方案二: 可以分页,或者使用懒惰加载,也就是每次只加载下一层

Andrid listview异步图片加载之优化篇

Listview异步加载之优化篇 关于listview的异步加载,网上其实很多示例了,总体思想差不多,不过很多版本或是有bug,或是有性能问题有待优化.有鉴于此,本人在网上找了个相对理想的版本并在此基础上进行改造,下面就让在下阐述其原理以探索个中奥秘,与诸君共赏-          贴张效果图先:            异步加载图片基本思想: 1.      先从内存缓存中获取图片显示(内存缓冲) 2.      获取不到的话从SD卡里获取(SD卡缓冲) 3.      都获取不到的话从网络下载

wro4j 1.4.6发布 Web应用程序加载优化工具

wro4j 是一个用于分析和优化Java Web应用程序页面http://www.aliyun.com/zixun/aggregation/12000.html">加载时间的工具.它可以帮助您保持静态资源(JavaScript 和 CSS)的管理,使用一个简单的过滤器来合并和减小它们的运行时间,使用Maven插件减小建立时间,并具有多种功能用于处理与Web资源. wro4j 1.4.6该版本更新多个新功能和错误修正.最显着的变化是迁移到rhino-1.7R3,内存/性能改进,基于Ruby引