你的位置:首页 > 软件开发 > 网页设计 > 整站规划(网页加载速度,如何规划静态网页)

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

发布时间:2017-11-23 08:59:28
一,相关概念  服务器:能够为连接网络的计算机提供数据的相关服务(Marvin认为就是获取数据)。  路径:有正确的文件书写,方便搜索            html中的图片路径:            CSS文件夹中css的图片路径:        命名法:关于一些命名,有驼峰 ...

一,相关概念

  服务器:能够为连接网络的计算机提供数据的相关服务(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:图片的命名不要用中文,尽量用英文或者拼音,不要随意加数字,不要大小写切换,要么全大写,要么全小写。

 

 

 

  

 

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

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录