《教师生活365》网[师慧园]论坛

 找回密码
 必须实名注册
查看: 50|回复: 0
打印 上一主题 下一主题

10个简单的网站速度的优化步骤

[复制链接]

1万

主题

2万

帖子

20万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
204690
跳转到指定楼层
楼主
发表于 2014-5-27 20:38:11 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
10个简单的网站速度的优化步骤

1、尽量使网页符合W3C标准
网页代码尽量要写标准规范,尽量采用DIV+CSS架构,因为table的代码实在要多出很多。
2、精简你的CSS代码
将网页的CSS代码放置到一个外部文件中,在head区用<link href=”CSS文件路径” rel=”stylesheet” type=”text/css” />调用,同时将CSS代码精简。
3、给你的图片减肥
图片可以说是影响网页加载速度最大的因素,在保证图片质量的前提下,尽量将图片的尺寸降低,最好使用GIF或JPG格式的图片。
4、尽量使用背景图片,而不是直接加载
图片可以让网站增添不少活力,但同样却是影响网页加载速度的最大罪魁祸首,很多需要使用图片的地方,我们可以采用背景的形式来展示,尽量使用很少的背景图,比如,将所要用到的图片全部放在一张,利用CSS控制,这样将HTTP请求减少到最低。
5、将JS代码放置外部文件中,通过<script>调用
JS代码我们知道搜索引擎是不能读取的,放一堆在页面中太占地方了,我们同样跟CSS一样放置到外部文件中,通过<script type=”text/javascript” language=”javascript” src=”JS文件路径”></scpirt> 这种形式来调用。
6、将所有<script>标记的代码放到页面底部
当你的网页调用了JS文件来实现某些特效,那通常是在HEAD区域使用<script>标记,其实我们可以放到底部来。对于访客来说,网站打开至加载到底部的代码时间很短,有时可以忽略不记,所以不会影响什么。而对于搜索引擎来说它不认识的代码越少当然越好了。
7、将网页生成静态
动态页面,是需要服务器端通过客户端的请求再临时生成的,虽然现在的带宽足以让之间的差别变得很小,但还是可能有部分访客自家的网速很慢,这样动态页面跟生成的纯静态页面的打开速度就相差很明显了。




回复

使用道具 举报

您需要登录后才可以回帖 登录 | 必须实名注册

本版积分规则

QQ|Archiver|手机版|小黑屋|《教师生活365》网[师慧园]论坛  admin.php?action=setting&operation=basic

GMT+8, 2024-8-13 19:02 , Processed in 0.105974 second(s), 29 queries .

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表