如何优化让网站打开速度更快日期:2017-11-30 人气:646754
|
前段时刻,常常有人跟我说起为什么有的网站翻开速度会很慢,等它加载完结需求一分钟左右,而有的翻开速度很快,刷的一下就出来了。在相同的带宽下为什么会出现这种现象呢?这与你的网站的服务器、网站主页的体积等有很大联系。 一、优化图片 几乎没有哪个网页上是没有图片的。如果你经历过56K猫的时代,你必定不会很喜欢有许多图片的网站。由于加载那样一个网页会花费许多的时刻。即便在现在,网络带宽有了许多的进步,56K猫逐步淡 出,优化图片以加快网页速度仍是很有必要的。优化图片包含削减图片数、下降图画质量、运用恰当的格局。 1、削减图片数:去除不必要的图片。 2、下降图画质量:如果不是很必要,测验下降图画的质量,尤其是jpg格局,下降5%的质量看起来改变不是很大,但文件大小的改变是比较大的。 3、运用恰当的格局:请参阅下一点。 因而,在上传图片之前,你需求对图片进行修改,如果你觉得photoshop太费事,能够试试一些在线图片修改东西。懒得修改而又想图片有特殊的作用?能够试试用过调用javascript来完成图片特效。 二、图画格局的挑选 一般在网页上运用的图片格局有三种,jpg、png、gif。三种格局的详细技术指标不是这篇文章讨论的内容,我们只需求知道在什么时分应该运用什么格局,以削减网页的加载时刻。 1、JPG:一般用于展现景色、人物、艺术照的拍摄著作。有时也用在电脑截屏上。 2、GIF:供给的色彩较少,可用在一些对色彩要求不高的当地,比方网站logo、按钮、表情等等。当然,gif的一个重要的应用是动画图片。就像用Lunapic制造的反照图片。 3、PNG:PNG格局能供给通明布景,是一种专为网页展现而创造的图片格局。一般用于需求布景通明显现或对图画质量要求较高的网页上。 三、优化CSS CSS叠层样式表让网页加载起来更高效,阅读体会也得到进步。有了CSS,表格布局的办法能够退休了。 但有时我们在写CSS的时分会运用了一些比较罗嗦的句子,比方这句:margin-top: 10px; margin-right: 20px;margin-bottom: 10px;margin-left: 20px;你能够将它简化为:margin: 10px 20px 10px 20px; 又或许这句:A paragraph of decorated text Second paragraph Third paragraph Forth paragraph 能够用div来包含: A paragraph of decorated text Second paragraph Third paragraph Forth paragraph 简化CSS能去除冗余的特点,进步运转功率。如果你写好CSS后懒得去做简化,你能够运用一些在线的简化CSS东西,比方CleanCSS。 四、网址后加斜杠 有些网址,比方www.yizhannet.com/dnbc,当服务器收到这样一个地址恳求的时分,它需求花费时刻去断定这个地址的文件类型。如果sucai是一个目录,无妨在网址后多加一个斜杠,让其变成www.yizhannet.com/dnbc/,这样服务器就能一望而知地知道要拜访该目录下的index或default文件,然后节省了加载时刻。 五、标明高度和宽度 这点很重要,但许多人由于懒散或其它原因,总是将其忽视。当你在网页上增加图片或表格时,你应该指定它们的高度和宽度,也就是height和width参数。如果阅读器没有找到这两个参数,它需求一边下载图片一边核算大小,如果图片许多,阅读器需求不断地调整页面。这不光影响速度,也影响阅读体会。 下面是一个比较友好的图片代码:alt="moon image" /> 当阅读器知道了高度和宽度参数后,即便图片暂时无法显现,页面上也会腾出图片的空位,然后持续加载后边的内容。然后加载时刻快了,阅读体会也更好了。 六、削减http恳求 当阅读者翻开某个网页,阅读器会宣布许多目标恳求(图画、脚本等等),视乎网络延时状况,每个目标加载都会有所推迟。如果网页上目标许多,这能够需求花费许多的时刻。 因而,要为http恳求减负。如何减负? 1、去除一些不必要的目标。 2、将接近的两张图片组成一张。 3、合并CSS 。 七、其它小技巧 1、去除不必要加载项。 2、如果在网页上嵌入了其它网站的widget,如果有挑选地步,必定要挑选速度快的。 3、尽量用图片替代flash,这对SEO也有优点。 4、有些内容能够静态化就将其静态化,以削减服务器的担负。 5、计算代码放在页尾。 我们在阅读过程中,发现网页翻开的速度不是很抱负,当然一个原因是服务器不稳定以及网络速度较慢,另一个首要原因是我们在编排布局时运用了大表格,尽管这样比较利于布局,可是不利于网页的翻开速度。对此,总结了一些切实可行的办法,这样在拟制造网页时,能够令你的网页翻开速度大大进步。 一、不要将整个页面内容放到一个Table中 在网页设计过程中,将整个页面用一个表格划分为如下的形状: 这样,头部导航,底部版权信息、联系办法,左边导航友情链接都能够经过文件包含到网页中,页面布局便利,也削减了相同网页的重复制造,而且能做到一改全改,非常便利。可是,这种网站的 显现速度是肯定慢的。由于Table要等里边所有的内容都加载结束后才显现出来的,如果某些内容无法拜访,就会拖延整个页面的拜访速度。 这个问题其实在我们上WEB开发的课上,教师现已提到过,正确的做法是:将内容分割到几个具有相同格局的Table中去,不要全都放到一个Table里。 二、尽量运用静态HTML页面 众所周知,ASP、PHP、JSP等程序完成了网页信息的动态交互,运转起来确实非常便利,由于它们的数据交互性好,能很便利地存取、更改数据库的内容,使网站“动”起来,如:论坛、留言板等。 可是这类程序有必要先由服务器履行处理后,生成HTML页面,然后再“送”往客户端阅读,这就不得不消耗必定的服务器资源。过多地运用这类程序,网页显现速度肯定会慢,所以尽量运用静态的HTML页 面。 我们制造的网站,首要是向用户供给信息,不需求和用户许多沟通,所以我们首要是选用静态页面。只要在进行文件包含时选用了后缀名为.shtnl的网页。 三、网页尽量精简 我们阅读网页实际上是将服务器上的网页内容下载到本地硬盘,再用阅读器解释检查的。下载网页的快慢在显现速度上占了很大比重,所以,网页自身所占的空间越小,那么阅读速度就会越快。 这就要求在做网页的时分遵从全部从简的准则,如:删去无用代码,不要运用太大的Flash动画、图片格局尽量运用.gif等等。 能够测验运用gif和Jpeg交互格局的图象,由于交互格局的图画是分级显现出来的--首先以很低的分辨率显现,然后逐步进步分辨率,直至最后到达正常显现--这种办法有时分会使较大的图画看起来好象 装载得快一些,实际上并非如此,但这是一种有利的幻觉。这样也便于读者在图画装载的过程中看到它的容貌,如果他们不喜欢或不想看的话就有机会中断传输或转向其他当地。 四、留意友情链接 网站之间相互做链接能够增加网站的宣扬作用,同时也便利了网站的拜访者。一种办法是做LOGO图片链接,这样更能精确地描绘网站的主题和定位,宣扬作用会大大的增强,但图片链接做得太多, 必然会影响网页的显现速度。 所以,做友情链接时应尽量考虑做以下几点: 1、多做文字链接:做文字链接是不会推迟网页速度的。 2、如果友情链接必定要出现在主页,请将链接所在的整个Table放到页面的最下方,由于页面是由上到下逐行显现的,将其放到页面的最下方,不会推迟其他内容的显现。 文本来自采集文章 http://haerbin.woshida.com.cn/26/285.html 如需转载或删除,请联系管理员。 下一条:公司注册资本登记管理规定
|
- 01-25 公司注册资本登记管理规定
- 01-25 谷歌对广告植入的网页将会采取算法调整使得搜索结果靠后
- 01-25 做网站是选择定制开发、开源网站系统还是模板建站
- 01-25 网络推广营销方法
- 01-25 不会创建网站?这10个热门DIY网站建立器别错过!
- 01-25 关于网站作者原创文章转载版权的那点事
- 01-25 网站seo优化该如何拓展长尾关键词?
- 01-25 外贸网站建设注意事项
- 01-25 3个技巧帮你搞定响应式网页中的图片设计
- 01-25 解析商城网站运营思路关键10条
- 01-25 中小企业如何做好网络营销
- 01-25 2016第二届中国网络营销行业大会北京召开
- 01-25 企业网站的空间到底是要用国内的还是香港的好?
- 01-25 百度移动开放平台上线 可任意转码WAP页
- 01-25 网站建设的基本流程是什么
- 01-25 网站建设中的误区
- 01-25 未来APP将取代移动网站?
- 01-25 SEO论坛所面临的困局
- 01-25 不社交无爆款,支付宝红包的工具属性成桎梏
- 01-25 公司注册成本分析:其实花不了多少钱!
- 01-25 国际大牌情人节营销姿态万千 逃不出7种套路
- 01-25 App运营干货:如何在线上运营好一个app软件?
- 01-25 2015年百度新规则下网站如何去优化
- 01-25 注册公司不经营也不注销会怎样?
- 茶山网站建设
- 清溪网站设计
- 塘厦网络公司
- 黄江网站建设
- 凤岗网站设计
- 石龙网络公司
- 石碣网站建设
- 长安网站设计
- 常平网络公司
- 樟木头网站建设
- 厚街网站设计
- 虎门网络公司
- 西城网站建设
- 南城网站设计
- 东城网络公司
- 城区网站建设
- 罗湖网站建设
- 华强北网络公司
- 西丽网站建设
- 大浪网络公司
- 光明网站建设
- 龙华网站设计
- 观澜网络公司
- 观兰网站建设
- 公明网站设计
- 松岗网络公司
- 沙井网站建设
- 西乡网站设计
- 福永网络公司
- 石岩网站建设
- 坂田网站设计
- 大芬村网络公司
- 坪山网站建设
- 坪地网站设计
- 横岗网络公司
- 布吉网站建设
- 平湖网站设计
- 遵义
- 资阳
- 自贡
- 淄博
- 株洲
- 驻马店
- 珠海
- 诸城
- 舟山
- 周口
- 中卫
- 中山
- 重庆
- 镇江
- 郑州
- 正定
- 赵县
- 昭通
- 肇庆
- 湛江
- 漳州
- 张掖
- 浙江
- 云南
- 新疆
- 西藏
- 四川
- 陕西
- 山西
- 山东
- 内蒙古
- 辽宁
- 江西
- 江苏
- 湖南
- 湖北
- 黑龙江
- 河南
- 河北
- 贵州
- 广西
- 广东
- 甘肃
- 福建
- 安徽
- 大朗
- 横沥
- 东坑
- 寮步
- 谢岗
- 桥头
- 企石
- 石排
- 章丘
- 张家口
- 张家界
- 张北
- 枣庄
- 禹州
- 玉溪
- 玉树
- 云浮
- 运城
- 玉林
- 榆林
- 岳阳
- 永州
- 永新
- 益阳
- 鹰潭
- 营口
- 银川
- 伊犁
- 伊春
- 宜春
- 宜昌
- 宜宾
- 盐田
- 烟台
- 鄢陵
- 扬州
- 阳泉
- 阳江
- 阳春
- 盐城
- 延边
- 延安
- 雅安
- 徐州
- 许昌
- 宣城
- 西双版纳
- 忻州
- 新余
- 信阳
- 新乡
- 西宁
- 邢台
- 兴安盟
- 锡林郭勒盟
- 孝感
- 咸阳
- 仙桃
- 咸宁
- 湘西
- 湘潭
- 香港
- 襄樊
- 西安
- 厦门
- 梧州
- 吴忠
- 五指山
- 武夷山
- 无锡
- 武威
- 乌鲁木齐
- 乌兰察布
- 五家渠
- 芜湖
- 武汉
- 乌海
- 温州
- 文山
- 渭南
- 威海
- 潍坊
- 瓦房店
- 图木舒克
- 吐鲁番
- 铜仁
- 铜陵
- 通辽
- 通化
- 铜川
- 桐城
- 铁岭
- 天水
- 天门
- 天津
- 唐山
- 泰州
- 台州
- 太原
- 台湾
- 台山
- 泰安
- 宿州
- 苏州
- 宿迁
- 随州
- 遂宁
- 绥化
- 松原
- 四平
- 沭阳
- 朔州
- 顺德
- 双鸭山
- 石嘴山
- 十堰
- 石家庄
- 石河子
- 深圳
- 沈阳
- 神农架
- 邵阳
- 绍兴
- 韶关
- 汕尾
- 汕头
- 山南
- 上饶
- 商丘
- 商洛
- 上海
- 三亚
- 三明
- 三门峡
- 日照
- 日喀则
- 衢州
- 曲靖
- 泉州
- 七台河
- 其他
- 齐齐哈尔
- 钦州
- 秦皇岛
- 清远
- 庆阳
- 清徐
- 青岛
- 黔西南
- 黔南
- 潜江
- 黔东南
- 濮阳
- 莆田
- 普洱
- 萍乡
- 平凉
- 平顶山
- 攀枝花
- 盘锦
- 怒江
- 宁德
- 宁波
- 内江
- 那曲
- 南阳
- 南通
- 南山
- 南平
- 南宁
- 南京
- 南充
- 南昌
- 牡丹江
- 明港
- 绵阳
- 梅州
- 眉山
- 茂名
- 马鞍山
- 吕梁
- 泸州
- 洛阳
- 漯河
- 娄底
- 龙岩
- 陇南
- 龙岗网站设计
- 柳州
- 六盘水
- 六安
- 丽水
- 林芝
- 临猗
- 临沂
- 临夏
- 临汾
- 临沧
- 丽江
- 辽源
- 辽阳
- 聊城
- 连云港
- 凉山
- 乐山
- 拉萨
- 兰州
- 廊坊
- 莱芜
- 来宾
- 昆明
- 库尔勒
- 克孜勒苏
- 垦利
- 克拉玛依
- 喀什
- 开封
- 济源
- 鸡西
- 酒泉
- 九江
- 锦州
- 晋中
- 济宁
- 金华
- 荆州
- 荆门
- 景德镇
- 晋城
- 金昌
- 济南
- 吉林
- 揭阳
- 嘉峪关
- 嘉兴
- 焦作
- 江门
- 吉安
- 佳木斯
- 湖州
- 霍邱
- 呼伦贝尔
- 葫芦岛
- 惠州网络公司
- 呼和浩特
- 黄石
- 黄山
- 黄南
- 黄冈
- 淮南
- 怀化
- 淮北
- 淮安
- 红河
- 贺州
- 菏泽
- 河源
- 和县
- 和田
- 衡阳
- 衡水
- 黑河
- 鹤岗
- 合肥
- 河池
- 鹤壁
- 汉中
- 杭州
- 邯郸
- 哈密
- 海西
- 海南
- 海拉尔
- 海口
- 海东
- 海北
- 哈尔滨
- 固原
- 果洛
- 贵阳
- 桂林
- 贵港
- 馆陶
- 广州
- 广元
- 广安
- 甘孜
- 赣州
- 甘南
- 抚州
- 福州
- 阜阳
- 阜新
- 福田
- 抚顺
- 佛山
- 防城港
- 鄂州
- 恩施
- 鄂尔多斯
- 东营
- 东莞
- 迪庆
- 定州
- 定西
- 德州
- 德阳
- 德宏
- 达州
- 大兴安岭
- 大同
- 大庆
- 丹东
- 大连
- 大理
- 大丰
- 滁州
- 楚雄
- 崇左
- 池州
- 赤峰
- 郴州
- 成都
- 承德
- 潮州
- 朝阳
- 巢湖
- 常州
- 长治
- 长沙
- 昌吉
- 长葛
- 昌都
- 常德
- 长春
- 沧州
- 亳州
- 博尔塔拉
- 滨州
- 毕节
- 本溪
- 北京
- 北海
- 巴中
- 防狼喷雾
- 巴音郭楞
- 巴彦淖尔盟
- 包头
- 保山
- 宝鸡
- 保定
- 宝安网站建设
- 蚌埠
- 白银
- 白山
- 百色
- 白城
- 澳门
- 安阳
- 安顺
- 鞍山
- 安庆
- 安康
- 阿里
- 阿拉善盟
- 阿拉尔
- 阿克苏
- 阿坝
- 道滘网站设计
- 惠城
- 惠阳网络公司
- 博罗
- 惠东
- 龙门
- 淡水
- 大埔
- 五华
- 紫金
- 龙川