标签聚合



最近更新


SEO入门教程:互盾手机数据恢...

SEO入门教程:手机是我们24小时与之相处的唯一物品,手机也是我们最长...
seo优化教程:芒果TV是如何...

seo优化教程:文/凌先静芒果tv正式启用于2008年,一直处于视频网...
网站建设:快讯:新浪微博客出现...

网站建设:站长之家chinaz12月1日消息,上午10点左右有网友向站...
seo自学网:刚刚发布的360...

seo自学网:2月22日,360手机n5正式在北京发布。定位“青年新旗...
SEO站内优化:够喜庆!微博最...

SEO站内优化:站长之家(chinaz)2月8日消息离春节越来越近,抢...
SEO入门视频:MokaCEO...

SEO入门视频:9月2日,mokaceo赵欧伦应邀参加ggv纪源资本举...
SEO术语:B站创立BLG征战...

SEO术语:小智:b站那些大佬都是大爷,有什么就挨着。lol年度人气解...
SEO基础知识:勒索病毒专杀工...

SEO基础知识:5月12日晚开始席卷全球的wannacry勒索病毒,目...
:Windows Server...

:腾讯数码讯(文心)据pcworld网站报道,微软的windowsse...
邯郸SEO优化:当IP开始火爆...

邯郸SEO优化:一关于邯郸SEO优化,其实我们并不陌生。在互联网行业,...
温州SEO优化:深圳站长大会2...

温州SEO优化:5月27日上午,深圳会展中心6楼簕杜鹃厅高朋满座,来宾...
SEO实战培训:人走盘子在,优...

SEO实战培训:视频圈最近传言不断,但在喧嚣中,有一个信息似乎没有引起...

seo咨询:网站页面精简的10个优化技巧

据调查,网页大小在2013年平均增长了32%,平均达到了1.7m,单独的http请求达到96个,说实话,这是一个令人震惊的数字,而且这只是个平均值,有一半的网站会大于这个值。

那么,一个“页面超重”的网站有什么影响呢?具体来说,有以下4点:

①、网站seo咨询越多,用户下载的就越多,加载速度就会越慢。在国内,并不是每个人都能享受20m的宽带,每一个开发者心里都很清楚,用户不愿意等。

②、众所周知,移动互联网发展迅速,对于2g网络来说,加载1.7m的页面甚至需要一分钟时间。


seo咨询:网站页面精简的10个优化技巧

③、影响搜索引擎抓取速度将会对网站排名造成很大影响。

④、对于开发者来说,seo咨询量越大,就越不容易更新和维护。


seo咨询:网站页面精简的10个优化技巧

如今已经有很多人开始关注这个问题,并出现了很多优化的工具,而且这些技术都非常容易上手,不需要花太多时间,也不需要重新开发。

在本文中,马海祥会给大家一些建议,虽说前三个建议实际上不能给“网页减肥”,但它们仍能有效的加快网页加载速度。

1、用gzip格式压缩

gzip是gnuzip的缩写,它是一个gnu自由软件的文件压缩程序。它是jean-loupgailly和markadler一起开发的,第一次公开发布版本是1992年10月31日发布的版本0.1,1993年2月发布了版本1.0。

我们在linux中经常会用到后缀为.gz的文件,它们就是gzip格式的,现今已经成为internet上使用非常普遍的一种数据压缩格式,或者说一种文件格式。

http协议上的gzip编码是一种用来改进web应用程序性能的技术,大流量的web站点常常使用gzip压缩技术来让用户感受更快的速度。

这一般是指www服务器中安装的一个功能,当有人来访问这个服务器中的网站时,服务器中的这个功能就将网页内容压缩后传输到来访的电脑浏览器中显示出来。

一般对纯文本内容可压缩到原大小的40%,这样传输就快了,效果就是你点击网址后会很快的显示出来,当然这也会增加服务器的负载,一般服务器中都安装有这个功能模块的。

根据w3c组织调查,大部分的网站都没有启用压缩功能。

2、支持浏览器缓存

如果浏览器支持缓存,我们就不用重复下载网页资源,最简单的设置缓存方法是在响应头中添加相应的内容,包括:expiresheader,last-modified等。

你可以可以通过配置服务器来自动添加这些属性,比如你在apache服务器中配置缓存所有的照片一个月:

expiresactiveon

expiresdefault"accessplus1month"

3、使用内容分发网络(cdn)

cdn的全称是contentdeliverynetwork,即内容分发网络。其目的是通过在现有的internet中增加一层新的网络架构,将网站的内容发布到最接近用户的网络“边缘”,使用户可以就近取得所需的内容,提高用户访问网站的响应速度。

cdn有别于镜像,因为它比镜像更智能,或者可以做这样一个比喻:cdn=更智能的镜像+缓存+流量导流。

因而,cdn可以明显提高internet网络中信息流动的效率,从技术上全面解决由于网络带宽小、用户访问量大、网点分布不均等问题,提高用户访问网站的响应速度。

为更好地理解cdn,让我们看一下cdn的工作流程,当用户访问已经加入cdn服务的网站时,首先通过dns重定向技术确定最接近用户的最佳cdn节点,同时将用户的请求指向该节点。

当用户的请求到达指定节点时,cdn的服务器(节点上的高速缓存)负责将用户请求的内容提供给用户。

具体流程为:用户在自己的浏览器中输入要访问的网站的域名,浏览器向本地dns请求对该域名的解析,本地dns将请求发到网站的主dns,主dns根据一系列的策略确定当时最适当的cdn节点,并将解析的结果(ip地址)发给用户,用户向给定的cdn节点请求相——应网站的内容。

以上三个方法可以有效地加快页面的访问速度(更多的方法可查看马海祥博客《提升网站页面打开速度的12个建议》相关介绍),现在我们将对你的seo咨询进行诊断,帮助我们给页面减肥。

4、删除不需要的资源

当你不再需要一个组件的时候,你应该删掉它的css和javascript代码,如果这些seo咨询都单独放在一个文件中,那删掉它们也不是难事,但如果已经没有用的代码和其它seo咨询在一个文件中,那你肯定要费不少精力去删掉它们。

这个时候你就需要使用第三方的工具来帮你一键解决,比如jslint,dust-meselectors,cssusage或是像grunt-uncss一样的构建工具。

5、style和font重复定义的沉余seo咨询

要充分利用好cssseo咨询定义自己的颜色大小等,有些网站既用了css代码定义了之后又去使用style或者是font这样的代码进行定义,这样就无形中增加了无用代码,容易造成seo咨询冗余,因此我们要对这样的seo咨询进行压缩,实现seo咨询精简。

6、通用和最小化css

理想情况下,需要一个单独的css文件,让每个页面都调用这一个布局,当然,如果你想要支持老版本的ie,你就得多弄一个css文件。

另外,马海祥还要提醒大家一点:当你把它们构建到服务器上之前,你应该把代码间所有不必要的格式都删掉。

有很多预处理工具都可以帮你解决这件麻烦事,比如sass,less和stylus。

有一些方法可以帮助你直接合并多个css文件,在windows上:

copyfile1.css+file2.cssfile.css

在mac或linux上:

catfile1.cssfile2.css>file.css

你可以把得到的css文件再经过在线的css压缩工具删除格式化。

最后,在head标签中加载所有的css,这样浏览器就知道你的页面样式不用多次重绘了。

7、通用和最小化的javascript

利用外部文件,我们可以用javascript代码和cssseo咨询放在外部文件里面,在我们的html代码里面加上调用seo咨询进行调用即可,如果打开一个网站去检查它的源文件,前面如果有大量的javascript代码和css代码就容易使得网站有用的内容文字部分推到后面去了,是不利于搜索引擎抓取的。

据马海祥博客收集的数据显示:平均每个页面加载了18个javascript文件,虽然把像jquery这样的库文件单独分开非常实用,但是你自己的javascriptseo咨询应该保持通用和最小化。

同样很多第三方的工具可以帮你解决这样事情,比如yuicompressor,closurecompiler和我最喜欢用的thejavascriptcompressorrater,简化的javascriptseo咨询会加快网页的访问速度,减少http请求次数。

最后,最好在html的body标签后放置javascript引用seo咨询,这样能保证javascriptseo咨询不影响到其它内容的加载。

8、减少页面嵌套的表格

对于表格要尽量少使用,尤其是嵌套的表格部分,虽然css排版使得我们编写代码更加的精简容易,但往往也是少不了表格的使用的,我们可以不去避免,但一定要减少使用多层嵌套的表格,不要产生没有用的代码。

9、网站图片的优化

对于一些图片站来说,加载错误的图片格式会对你的网页造成很大影响,所以,马海祥建议图片站的站长一定要多对图片做些优化。

(1)、图片优化原则

一般来说选取图片我们应用遵循如下原则:

①、照片使用jpg格式。

②、其它所有的图片都使用png格式(具体可查看马海祥博客《JPG、PNG和GIF图片的基本原理及优化方法》的相关介绍)。

(2)、调整大图的大小

目前智能机所拍出的照片越来越大,你不可能把原照片直接展示在页面中,普通的编辑器都会直接上传原图,这样会让页面的加载速度慢到另一个级别,在正常的照片处理中,一般都没有必要给用户高质量的图片展示,所以,你需要一个自动调整图片大小的工具。

需要注意的是,图片的尺寸是不能超过容量的大小的,这样一来页面加载了全图,却无法展示出来,现在照片的尺寸基本上都超过电脑显示屏的尺寸了。

图片的大小在网页总大小中占很大的比重,图片减小50%会导致整体页面大小减少75%,所以你应该认真解决一下图片的加载(具体可查看马海祥博客《交互设计的三大隐形机制:加载、刷新和缓存》的相关介绍)。

(3)、进一步压缩图片

仅仅调优图片的大小是不够的,你应该通过第三方工具对图片进行分析,进一步压缩图片。

比较好用的工具有optipng,pngout,jpegtran和jpegoptim,这些工具大都能安装成独立的工具或是整合到开发过程中,另外像smush这样的工具,还可以直接在云端处理。

10、删除不必要的字体和注释

webfonts已经彻底改变了字体的设计,它减少了很多不必要的文本,然而,目前的字体仍然会给你的网页带来多余的字节。

如果你使用超过两种字体,这就已经开始对性能造成影响了。

网页seo咨询尽量少用注释,我们知道一段程序里面加上注释能够便于我们快速找到和理解具体seo咨询对应的功能,对于编程人员修改网页是有帮助的,但是这样的代码对于搜索引擎来说是没有任何的意义的,只能说是噪声,因此我们要减少网页代码里面出现的注释部分。

我相信大部分网站都可以通过以上的优化减小大概30%-50%的重量,但是身为一个完美主义的开发者这是远远不够的,我们在接下来的系列文章中会继续对网站瘦身进行深入研究。


相关链接:

洋舰SEO教程自学网,提供SEO优化的SEO培训教程、SEO优化培训VIP服务,同时提供SEO查询站长工具、SEO排名查询等。SEO交流QQ号 :   28770128
标签: SEO入门视频 百家号 大地SEO seo咨询
上一篇:东营seo:企业微博营销推广 发布怎样的信息用户体验最好
下一篇:邯郸seo:实例分析 网站和域名是一回事吗