你的网站翻开加载速率慢，代码冗余，兼容性差？这些都是站内根底优化(代码优化、CSS优化、JS优化、图片优化)没做好酿成的。为本人做个代言，重庆吖七SEO是纯手写代码骨灰级极简主义者，只需效劳器不是渣滓，所建立的网站翻开速率是杠杠的，以起码的代码，到达不异的结果，兼容性强，前期保护本钱低。

骨灰级极简主义代码优化_

搜刮引擎固然纠错才能（兼容性）愈来愈好了，但代码越精简越好，都晓得SEO优化中网站翻开速率是影响用户体验的。常见的代码优化有：选用Html标签优化、CSS优化（最主要）、JS优化、Table表格优化等，明天放出来，不看是丧失。

渣滓代码多：少复制他人的工具，只管纯手打

每一个人都有本人的风俗写法，只需你以为简约，代码少，就用哪一种，固然要兼容性强，便于查抄，假如把!–正文内容–去掉也行，倡议保存次要的阐明，究竟结果网站前面但是需求调解的。纯手打代码需求把握以下本领。

Html标签优化：多用默许的短标签

经常使用的块标签（默许占用一行）有

 dl、dt、dd、p、ul、li、h1、h2、h3、h4...

行间标签有

 b、em、i、a、b...

其实用完了，另有

 spansmallstrong...

DIV+CSS曾经成为网站建立的支流，小我私家风俗分块后，最大的外框用div clsss=title题目/div，可是除非须要，其实不鼓舞用div id=title题目/div的情势，该div内里的元素局部用短标签，假如必然要用class，就接纳大众款式。

选用标签准绳

能到达不异结果的越简朴越短的越好。好比i、em都是倾斜，就优先用i，本来有夸大的感化，可是i标签大大都被用来做一些ico图标，倾斜结果如今比力罕用了；

b、strong都是加粗，但意义完整纷歧样，b就是纯加粗，strong有夸大的意义，让搜刮引擎重视内里的内容，不倡议过量接纳，避免别误判做弊。

CSS款式优化：多用大众款式

 假如怕出成绩，较完好的HTML源码写法以下：

 div class=Ti w1200 cl ul lih4这是列表的文章题目1/h4span2016-5-27/span/li lih4这是列表的文章题目2/h4span2016-5-28/span/li /ul /div style/*款式放在/head之前*/ *{margin:0padding:0font-famliy:Microsoft Yahei} ul{list-style-type:none} cl{clear:both} .w1200{width:1200pxheight:automargin:0 autotext-align:left}/*橙色部门为全站的大众款式*/ .Ti{font-size:14pxcolor:#444}/*这是title的大众款式*/ .Ti span{float:rightfont-size:12pxcolor:#c00}/*只写与title大众款式纷歧样的就好了*/ /style

在肯定页面规划后，接纳CSS紧缩，去掉过剩的回车和}前的

 style*{margin:0padding:0font-family:Microsoft Yahei}.cl{clear:both}.title{font-size:14pxcolor:#444}.title span{font-size:12pxcolor:#c00}/style

固然情势不是牢固的，普通有列表挪用的都利用ulli大概dldtdd组合，后者更灵敏些，究竟结果多了一组标签。

普通首页接纳CSS款式间接写到页面的情势（削减页面恳求次数），其他页面写到大众款式表，全站只用一个款式表。

JS优化：只接纳一个JS封装

呈现多个JS封装的普通都是不会写JS的站长，JS封装差别，如许很简单发作抵触。倡议接纳同一的JS插件，保举接纳SuperSlide，本人网上搜吧，PC和挪动的常见JQuery殊效结果都有，代码简朴，修正也简单。倡议一个站内不要用太多的结果，看起来爽，可是翻开速率堪忧，用户也懒得点那些脆而不坚的结果；简朴的JS结果好比弹窗、前提判定等能够写在页面内（削减页面恳求次数）。

Table标签：上个世纪的事了

用风俗了DIV+CSS建站以后，对table标签其实是没法子承受，一个一个的表格嵌套，庞大不容易变动，是个蛋疼的标签，假如是表单，也完整能够用其他标签替代。快忘记这个标签把。

站内图片优化准绳：重点

图片只管当地化

一张图片能够顶好几段源代码了，假如从内部空间挪用，需求的工夫固然教长。假如是图片或视频站，启用其他空间放图片或视频的状况是能够的，普通的优化站只管把图片当地化。

缩略图和内容详情图分隔上传

实践上是为了削减加载工夫，缩略图普通较小，明晰度请求没那末高，内容页需求展现较多细节。缩略图掌握在50-60Kb之内，内容页掌握在90-110Kb之内。

DIV元素背风光彩接纳纯CSS款式色彩

传统的网站把网站切成了几十个小图片，用background的停止编写，对那些还不是整张图片的布景图片，我只能说如许十分蛋疼，修正起来十分吃力！

图片明晰度和占用空间巨细（不是尺寸巨细）需求均衡

假如你的站点不是对明晰度请求很高的话，能够接纳PhotoShop等软件转存为Web公用格局，紧缩图片处置，只管到达明晰度和占用空间巨细均衡，

小图片或不常改换的图片集合到一张图片

如许的处置能够用CSS款式：background-position，停止布景的定位，图片只管接纳gif大概png，这两种格局能做成布景通明，会削减许多占用空间。

图片lazyload提早加载手艺

这是一个提早加载的插件，用户鼠标转动以后才开端加载上面的图片，包管会见速率。