多语言展示
当前在线:724今日阅读:39今日分享:10

如何精简网站代码

如何精简网站代码
工具/原料
1

电脑

2

网站

方法/步骤
1

1、使用CSS定义文字定体、颜色、尺寸及页面排版。有很多网站既使用CSS,又在可见文字部分用STYLE或FONT再定义一遍字体、尺寸等,这是完全没有必要的冗余代码。

2

2、使用外部文件。将CSS和JAVASCRIPT放在外部文件中,页面HTML中只要放一行代码进行调用就可以了。查看一些网站源文件时,我们经常可以看到大片大片的CSS及JavaScript代码,而且JavaScript代码经常出现在HTML最前面,这就使真正有用的文字部分被推到后面。当然,这里有一个取舍问题。很多网站更愿意把CSS和JavaScript放在页面HTML代码中,以避免由于某种原因,外部CSS或JavaScript文件没能下载调入成功,页面排版或功能就会出现问题的情况。在页面其他方面比较精简、CSS和JavaScript不是过分庞大的情况下,这样处理也无不可。

3

3、减少或删除注释。代码中的注释只是给程序员或页面设计人员的提示,对用户和搜索引擎来说毫无作用,只能成为噪声。

4

4、减少表格,尤其是嵌套表格。现在的网页大多使用CSS排版,表格使用大大减少。但有的时候使用表格展现是最方便的,也不必刻意完全避免,只要不大量出现多层嵌套表格、产生大量无用代码就可以了。

注意事项

精简代码也有助于提高页面打开速度,而速度现在也是搜索引擎的排名因素之一。页面打开速度对移动搜索排名的影响 更大。

推荐信息