网站地图    收藏   

主页 > 前端 > css教程 >

炎炎夏日 那你是否给你的页面瘦身了 - html/css语

来源:自学PHP网    时间:2015-04-14 14:50 作者: 阅读:

[导读] 现今正处于艳艳夏日,正是穿上背心、短裙、短裤等装备大秀美好身段的良机!很多人都忙着瘦身,而你是否有准备给你的页面也瘦身一下。所谓页面瘦身是指对我们站点页面的结构和代...

  现今正处于艳艳夏日,正是穿上背心、短裙、短裤等"装备"大秀美好身段的良机!很多人都忙着瘦身,而你是否有准备给你的页面也“瘦身”一下。所谓页面“瘦身”是指对我们站点页面的结构和代码的一些优化,而不是仅仅局限于对页面文件的压缩。页面瘦身一直是一个站长们热议的话题。一般绝大多数我们的做法是去除冗余的代码。今天笔者就分享一些自己在页面瘦身中的经验。

  一:页面的DIV+CSS重构

  页面瘦身的最大意义在于去除垃圾代码,让搜索引擎可以更加顺畅的爬行我们的页面,抓取到页面重要的内容。DIV+CSS的构架页面有助于改善压面的速度,同时将会对于搜索引擎的蜘蛛更加的友好。但是作为页面的设计者我们都知道div+css代码会产生大量的CSS代码,而这一部分冗余的代码将会在一定程度上阻碍到蜘蛛的爬行,因此,我们我们在设计页面的时候需要将CSS单独的进行保存。

  二:JS脚本代码的瘦身

  我们页面中臃肿的代码包含有asp.net产生的Viewstate,页面内部未被封装的JS代码,其他系统自动产生的页面垃圾代码等等。

  针对这一问题一般情况下,假如页面设计者不使用asp.net所提供的一些默认的模版或者方式,Viewstate是可以被清除的。

  三:页面文本的瘦身

  页面文本内容过长,访客打开页面的速度会变慢,整个页面无法设置标签,那么访客体验大打折扣。遇到这种情况,一般选择对文章进行分页处理,使得每张页面的长度不超过3屏。这样不但利于访客的友好体验,而且对搜索引擎也是有很大好处的。

  四:页面图片的瘦身

  当我们打开一个页面时,由于页面上的图片文件过大,要等待很长时间来加载。而这个时间一旦超过我们的访客所可以承受的范围之后,访客就会把这个页面关闭。对于搜索引擎也是如此,搜索引擎蜘蛛在爬行我们的页面图片的时候,当它认为这张图片太大,无法快速的爬行,就会认为这张图片对于用户没有真正的价值,从而放弃对图片的爬行,或者降低对该网站的评分。

  因此,我们在设计我们的站点页面的时候,除了注重图片的质量外,更要考虑到图片的大小,以便最大程度的降低其所消耗的加载时间。

  五:FLASH的瘦身

  我们在做页面瘦身的时候,注意尽量不要使用Flash来体现整个页面的关键部分,如导航、内容、链接等,或者当我们无法避免要使用flash的时候可以用一个HTML格式的网站地图来弥补,具体的操作方法是在页脚部分加上HTML格式的链接,在HTML格式的链接处加一个网站地图文件的链接,以便让搜索引擎可以更加清楚站点的整体结构。

  以上就是笔者分享的五点关于页面瘦身的建议方向,希望在这炎炎夏日中可以帮助更为站长朋友更好的为我们的站点页面瘦身。文章由安康摄影网http://www.shepeng.com/ 原创,转载请保留出处。

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论