分类目录归档:web前端优化

web前端性能优化,网站提速

google站长工具真实用

要想网站收录好,google的站长工具几乎是每个搞网站的都要用到的。这几天在修补脚儿网的一些不足,顺带发现了google站长工具的一些实用功能。

1,删除网址功能

此功能在站长工具-选一个网站-左边菜单栏的“Google索引”栏目下。他的作用就是删除你的网站已被收录但你不想google收录的网址。

为什么我会用到这个功能呢?因为我发现site本站的时候,大部分标签的索引排名比我文章还高,而从google进入本站的人从来都没有点标签进来的。我怀疑这些标签页的索引很可能会降低本站文章内容页的权重,所以我想删除对标签页的索引 继续阅读google站长工具真实用

改一下wordpress相关文章的获取方式

看了露兜兄的相关文章代码,果然比我这种对PHP半懂不懂的人高明多了。本来之前我打算用老式方法:靠标签获得相关文章,不过现在我有了个新想法。

因为我在google上site我的站的时候,发现一个不好的现象,排在前面的通通是大量标签的页面,而真正的文章内容页却少得可怜。我觉得这不是一个好的现象,所以我打算以后写文章都不加标签了,更以后之后我会直接删掉所有标签。

这样一来显然靠标签获取相关文章就会找不到,所以我打算用上面的文章里的另一种办法,靠相同分类获取。现在让我静观其变吧 。 继续阅读改一下wordpress相关文章的获取方式

论网站优化的重要性和必要性

我是做web前端技术的,所以有个职业病,要是看到谁谁谁的网站有些小问题,心里就很急,恨不得别人赶紧改好;要是自己的网站有问题,那感觉真是受了侮辱一样,改,赶紧的!

工作这么些年后,我突然发现,原来技术并不如想象中那么重要。

没有好技术,和开不了好网站毫无关系

比如网站优化这块,我总是尽力把我的网站做到优化,结果发现,效果不大。因为优化主要是针对访问量巨大的情况,而绝大部分网站都没有“巨大”的条件,在一般条件下,几乎没有会出现效率问题的网站程序。

比如wordpress,不可能连基本的效率都没有;那些写主题的人,也不可能写出一个用起来卡到爆的代码,他的SEO,也不可能不优化就出现收录问题。

而我过分强求“效率”,对代码敲敲打打,主题改了又改,结果导致网站收录时好时坏,而且有时候一不小心改错了,当时还没发现,反而造成了比什么都不管严重得多的后果。 继续阅读论网站优化的重要性和必要性

网站加速:使用内容传递网络(CDN)

本文属于《高性能web前端优化指南》系列文章。

其实这是一篇很短的文章,可以不写的。但很多关于网站加速的书中都提到了这一点,所以我决定记一下。

我要告诉大家的是,这是一条高富帅专用优化规则。

内容传递网络(CDN)或者叫内容分发网络,他的作用是给不同区域的访客以其最快的网速。比如,你的网站是开在美国的,但很多访客来自中国,无疑他们会觉得速度很慢,那么,怎么为他们提速呢?简单来说就是在中国架一个空间,做一个你网站的副本,让中国访客直接访问这个副本。

这就是内容分发的意思了。 继续阅读网站加速:使用内容传递网络(CDN)

网站加速:避免重定向

本文属于《高性能web前端优化指南》系列文章。

重定向,就是本来访客进入的是A地址,但由于某些原因(比如原网页不存在了),你要他跳转到B地址,这就是重定向。这也是中国公务员的专精技能。

由于浏览器访问网址是一连串的过程,如果访问到一半而跳到新地址,就会重复发起一连串的过程,是个人都知道这样是会浪费时间的。如果网速不好,浪费的时间更多。万一导致最后访问还失败了,就更蛋疼了。

所以我们要尽量避免重定向,也就是让访客尽快地进入想要的网址。

其实大部分网站都不会故意去做多重重定向这种事儿,但有些不得不做的重定向,如: 继续阅读网站加速:避免重定向

css压缩方法及工具

本文属于高性能web前端优化系列

css压缩,这里不是指把他用winrar之类的工具给制成压缩包——那样他就没用了。这里的压缩可以理解为:减小体积

有的人喜欢保持良好的编码习惯并为之自豪,我也是。css的良好编码习惯,其中有一条就是,每个属性就写一行,这样写下来,一个普通的网站,css代码能写上几千行。

虽然良好的编码习惯,如良好注释,保持缩进,能让代码更容易阅读,更容易维护。但在网站发布时,尽量减小CSS的体积才是王道,毕竟网站的访客只对你网页内容感兴趣,对你源码感兴趣的不到1/1000。 继续阅读css压缩方法及工具

css与javascript文件的载入顺序

本文属于高性能web前端优化系列

通常优秀的网页,都是把css与JS文件独立的,以保持文档结构清晰。这时候载入css与JS文件的顺序,就值得思考一下了。

让我们从实际情况出发,分析一下。

首先,网页对CSS的依赖非常大,如果html载入了而CSS没载入,那网站就会面目全非,所以,CSS必须在html之前载入

html的结构都是在body中,所以css想在他前面的话,就必须在head中载入——这也是所有人都毫不怀疑的。 继续阅读css与javascript文件的载入顺序

外链css?还是内嵌?

本文属于《高性能web前端优化指南

哪怕是刚学习css的同学,也知道在页面中加入CSS样式有两种方式,一是直接在网页内的style标签内定义,另一种是把所有样式保存为独立的css文件,然后在网页中用link引入css文件。

那么这两种方式哪种更好呢?

书上一般推荐大家用后面的方法,在这里我也推荐使用独立文件的方法。但容我分析一下原因

独立css文件的好处是明显的。 继续阅读外链css?还是内嵌?

Canvas初体验:不太乐观

Mr Doob - Magic Dust | Amazing HTML5 | Scoop.it

Canvas是html5的重中之重,也是html5最难的部分——但他之所以难是因为他是通过javascript操作的,而javascript本身就不简单。

通过几天的初步学习,我对canvas也有了一点了解。但这一点“了解”让我很郁闷,很是打击了我继续学习canvas的动力。

由于我曾经学习过flash,所以会不自觉的拿canvas与flash来做比较。但就目前的了解,canvas相对于flash来说,除了代码与html交互更方便之外,没有任何优势。 继续阅读Canvas初体验:不太乐观

web前端优化:html标签与seo

本文属于高性能web前端优化指南系列文章。

html标签不只是方便管理网页的结构,他们还与seo有很密切的关系。

最简单的html网页是什么样的?其实你把一个文本文件改成.html后缀,然后上传到空间并从其他页面给一个链接过来,搜索引擎同样能识别这个“网页”。这就是最简单的网页了

但这网页太简单了,没有重点,没有突出,所以引不起搜索引擎的兴趣。就像一个前凸后翘的妹子总能吸引很多人的眼光,而长得像个圆柱体的话,就没什么人看了。 继续阅读web前端优化:html标签与seo