整站规划(网页加载速度,如何规划静态网页)

来源:互联网  时间:2017-11-23    阅读:   我要吐槽    阿里云幸运券

一,相关概念

服务器:能够为连接网络的计算机提供数据的相关服务(Marvin认为就是获取数据)。

路径:有正确的文件书写,方便搜索

html中的图片路径:

CSS文件夹中css的图片路径:

命名法:关于一些命名,有驼峰命名法如headerLogo,下划线header_logo,中划线header-logo。命名一定要语义化,方便维护嘛,比如头部header,主体content,尾footer,

导航nav,侧栏sidebar,等。

当然这个每个公司都有自己的一套标准,不能特立独行,下面这个就是我即将实习的一家公司要求:

二,网站加载速度和用户流失

假如A网站加载同样内容速度是B网站的几倍,那么B网站久而久之用户就会变少。

(对于小白Marvin来说,学习机会是不能错过的)

对于文件大小来说:

一个网页的css代码量肯定是多于html的,对于css,我们应该提取公共样式,把相同的CSS样式提出尽量重用,减少代码量。

尽量用复合样式(font,border等);

尽量发现公共样式,代码重用;

相同样式用群组选择器;

ps:关于css的维护,可以把css写成多个模块

1,reset区域。清除不需要的csss默认属性。

2,public区域。公共样式部分。

3,主体css。header,content,footer等。

对于背景图:

网页会有很多需要图片的地方,我们可以将多个图片集合到一张图片上进行css中background-position定位,这样对于图片的加载便不会多次。

ps:图片的命名不要用中文,尽量用英文或者拼音,不要随意加数字,不要大小写切换,要么全大写,要么全小写。

Tags:网页  静态  速度  

参与讨论