六个方向入手让你的站点页面瘦身一下

  随着搜索引擎越来越重视用户的友好体验度,影响站点加载速度的页面冗余代码也是站点不可忽略的问题之一。如何为臃肿的页面瘦身一下也是摆在每一位站长面前的必修课之一。下面笔者就针对如何精简页面代码为站点瘦身分享自己的六点心得。

  方向一:清除页面中多于的空格代码

  

  如上图所示,很多网页设计者因为代码书写习惯的不同,可能在设计页面的时候大量的使用空格的代码。空格代码的体积虽然很小,但是积少成多,大量的空格代码页会使我们的代码变得异常的臃肿。而如果我们清楚这些不必要的空格代码,将会为我们的站点页面精简不小。

  二:使用DIV+CSS布局网页

  

  虽然现在div+css已经很成熟了,但是很多网页设计者可能考虑到网页的兼容性以及布局的简易性还是使用老式的table布局,如上图所示。虽然table布局很方便,但是其弊端也是显而易见的,那就是会大大增加网页的大小,尤其是多层表格的嵌套。这种布局不仅会提升体积,同时如果嵌套数太多的话就会影响到搜索引擎的爬行,影响到站点的收录。

  三:降低页面对于JS的依赖性

  减少网页对JS的依赖。JS对搜索引擎可以说十分的不友好。虽然JS可以制作出很多的效果,但是网页中大量的JS将影响蜘蛛对页面的抓取和增加网页体积。尤其是页面的关键位置如导航栏,尽量采用DIV+CSS的设计方法。

  四:尽量不要使用内嵌式CSS

  内嵌式CSS分为两种,一是在head区域的普通内嵌式,二是在标签内出现的行内内嵌式css,无论是何种内嵌CSS方式结果都会提升页面的体积。对此我们可以尽量使用外调式的CSS来为站点页面的体积瘦身。

  五:将html控制方式转换为CSS控制

  很多网页设计者习惯在标签内对内容进行控制。比如img标签里通过width和height来控制图片的大小。尽量将这些代码转换成外调式的CSS,使网页代码更加的瘦身。

  六:对网页进行GZIP压缩

  这一点可能大家都很熟悉。这个功能需要你的服务器的支持。GZIP压缩一般能对网页进行30%-80%的压缩,是最重要的一种优化效果。

  以上六点是笔者在为站点页面瘦身上的新的,大家可以去实践一下,笔者的站点页面原来有80多K,在通过这六个方向精简后页面的代码只剩下20多K,可以说效果显著,希望对大家有所帮助。文章由系统之家http://www.haoxp123.com 整理编辑,转载请保留出处。

时间: 2024-11-17 15:54:32

六个方向入手让你的站点页面瘦身一下的相关文章

智慧政府建设应从六个方面入手

智慧政府是指利用物联网.云计算.移动互联网.人工智能.数据挖掘.知识管理等技术,提高政府办公.监管.服务.决策的智能化水平,形成高效.敏捷.便民的新型政府.随着现代政府管理事务的日益复杂,传统政府的智能水平已经难以应付这种新的形势,必须建立更加敏捷高效利民的智慧政府.现阶段推进智慧政府建设要从以下六个方面入手. 以国家信息化战略为指导.党的十八大以来,党中央提出了建设"网络强国"的战略目标任务,习近平总书记强调"没有信息化就没有现代化",并明确指示要建设全国大数据中

充分利用站点页面结构 让你的关键词排名不落人后

提升关键词的排名每一位SEOer都有属于自己的心得,我们可以通过友链.可以通过高质量外链建设等等.而这些方法都是一些外在的提高关键词排名的方法.笔者认为如果想提高我们的关键词的排名最好最简单的方法就是从站点的内部结构出发,通过站点的内部结构来提高关键词的排名可以达到事半功倍的效果.下面笔者就分先给三个方面我们可以通过站点结构提高关键词排名的方法. 一:首页的合理的结构 首页的权重是最好的,如果我们可以构建一个好的首页结构将会对我们的站点收录及排名产生很大的促进作用.首先我们来看一个站点的首页排版

win7下IIS7站点页面无法正常显示怎么办

  1.首先点击开始菜单中的控制面板选项,然后在打开的控制面板中选择点击"打开或关闭Windows功能"; 2.然后在打开的windows功能窗口中,依次展开"Internet 信息服务→万维网服务→常见HTTP功能",然后在"静态内容"前面打上勾,确定后待安装结束就可以了. 以上就是关于解决win7下IIS7站点页面无法正常显示的操作方法了,遇到同样困扰的朋友们赶紧试试吧,相信可以帮助你们解决问题的哦.

win7下IIS7站点页面无法正常显示的解决方法_win服务器

Win7系统的强大和酷炫一直都深受用户们的喜欢,但是有时候在使用过程中一些用户会遇到一些困扰,比如最近我一朋友说他在打开一个ASP网站的时候,IIS可以运行,但是页面图片和FLASH却全部无法显示出来,系统自带的是IIS7.5,应该有很多人也遇到过这样的问题吧,那么要如何解决呢?现在就为大家带来解决win7下IIS7站点页面无法正常显示有妙招. 1.首先点击开始菜单中的控制面板选项,然后在打开的控制面板中选择点击"打开或关闭Windows功能"; 2.然后在打开的windows功能窗口

APP加固新方向--混淆和瘦身

近些年来移动APP数量呈现爆炸式的增长,黑产也从原来的PC端转移到了移动端,造成数据泄漏.源码被盗.APP被山寨.破解后注入病毒或广告现象让用户和生产高质量的程序员苦不堪言,APP加固意义愈发重大. 传统加固和脱壳技术的发展经过了三代的发展和升级,时至今日,传统加固面临到挑战,如容易被脱壳,脱壳类教程非常多,通用脱壳机可轻易脱大部分壳. 加固新方向,混淆和瘦身吸引了人们的眼球.代码混淆技术是对抗逆向攻击最有效的方式之一.此外越来越多的新特性正在啃蚀着大型APP的用户体验,APP瘦身减肥也成了亟待

雅虎瘦身计划关闭旧版Yahoo Mail等六项服务

[科技讯]4月22日消息,据外媒报道,雅虎公司日前正式宣布将于4月30日关闭Upcoming.Yahoo Deals.Yahoo Kids.Yahoo SMS Alerts.Yahoo Mail以及Messages六项服务,这是该公司制订的"瘦身"计划的一部分. 此前有报道称,雅虎计划将75款产品缩减至15款,近期刚刚关闭了BlackBerry平台上的雅虎应用.上周中国雅虎邮箱也已经启动整体迁移并将于8月19日关闭,而旧版Yahoo Mail用户也需于6月3日前全部改用新版邮箱. 雅虎

澳大利亚政府大数据应用六个方向

澳大利亚政府信息管理办公室发布公共服务大数据战略,该战略将以"数据属于国有资产,从设计着手保护隐私,数据完整性与程序透明度,技巧.资源共享,与业界和学界合作,强化开放数据"等六条大数据原则为支撑,旨在推动公共行业利用大数据分析进行服务改革,制定更好的公共政策,保护公民隐私,使澳大利亚在该领域跻身全球领先水平. 澳大利亚政府通过引入和发展 大数据 ,提升公共服务质量,增加服务种类,并为公共服务提供更好的政策指导. 在大数据分析的运用.提高效率.与其他政策和技术协同以及为公共服务领域带来变

APP加固新方向——混淆和瘦身

直播回顾视频:https://yq.aliyun.com/edu/lesson/play/393 以下内容是根据直播和PPT整理. 加固的意义 从安卓2.x版本起,加固技术就逐渐火了起来.最初,只有一些创业型公司涉及加固领域:随着安卓应用的逐渐升温,诸如阿里.腾讯.百度等大型互联网公司逐渐涉及该领域. 那么为什么要对APP进行加固呢?主要原因有三点:首先安卓的APP应用通常采用Java语言编写的,开发门槛低,容易被反编译(解释性语言的弊端):其次安卓市场比较混乱且可自签名,进而导致大量应用被二次

从用户需求入手设计web不同类型页面

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 在前面<从社区交互设计分析用户需要>文章中,我们分析了用户需求分析应该从社交,互动和他人信息展示等三个方面考虑页面设计,细化到web页面,不同类型用户需求也有所不同. 1.导航页面 导航类型页面有两种表现形式,一种是纯文本形式,另一种则是纯图片形式,但是不管是什么形式的导航页面,它最终的目的是帮助用户确定在哪里可以找到他们想要的东