网站设计时,提高网站载入速度

实习编辑 2021年5月19日10:18:00其他网站设计时,提高网站载入速度已关闭评论59阅读模式

【免责声明】

  1、本网站部分文章信息来源于网络转载是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如其他媒体、网站或个人从本网下载使用,必须保留本网注明的“稿件来源”,并自负版权等法律责任。如对稿件内容有疑议,请及时与我们联系。

  2、本网站致力于提供合理、准确、完整的资讯信息,但不保证信息的合理性、准确性和完整性,且不对因信息的不合理、不准确或遗漏导致的任何损失或损害承担责任。本网站所有信息仅供参考,不做交易和服务的根据, 如自行使用本网资料发生偏差,本站概不负责,亦不负任何法律责任。

  3、任何由于黑客攻击、计算机病毒侵入或发作、因政府管制而造成的暂时性关闭等影响网络正常经营的不可抗力而造成的损失,本网站均得免责。由于与本网站链接的其它网站所造成之个人资料泄露及由此而导致的任何法律争议和后果,本网站均得免责。

  4、本网站如因系统维护或升级而需暂停服务时,将事先公告。若因线路及非本公司控制范围外的硬件故障或其它不可抗力而导致暂停服务,于暂停服务期间造成的一切不便与损失,本网站不负任何责任。

  5、本网站使用者因为违反本声明的规定而触犯中华人民共和国法律的,一切后果自己负责,本网站不承担任何责任。

  6、凡以任何方式登陆本网站或直接、间接使用本网站资料者,视为自愿接受本网站声明的约束。

  7、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。

  8、本网站如无意中侵犯了哪个媒体或个人的知识产权,请联系我们QQ:316865155,本网站将立即给予删除。

由于服务器质量不一,带宽有限,以及国际间访问问题,为加快访问速度,节约流量,优化一张网站设计还是非常必要的。

一、图片的优化
1、去除不必要的图片。背景可以自动重复图片,包括X方向和Y方向。单纯背景的图片可以用CSS定义。
2、选择正确的格式。GIF中的索引模式是最适合WEB的格式,同质量的图片,索引模式下可以减少至少一半的体积。
3、降低图像质量。可以用fireworks对图片进行优化,与ps相比,体积更小(不过质量更低)。
4、标明图像的高度和宽度,有利于网页在加载过程中结构保持一致。

二、优化CSS和JS
1、CSS简写。比如,#FFFFFF可以简写成#FFF,#990099可以简写成#909。padding、border、background、margin各属性,都可以达到简写的效果。
2、去除不必要的换行和空格。最典型的应用是google的JS文件,全部在一行里。对于可读性变得更差了,但是效率增加不少,体积更小。可以为自己的网站建两个版本,一个是开发版,一个发布版,解决这个问题。同样,CSS也可以去除不必要的空格和换行。

三、减少HTTP请求
1、IE一次只能同时有两个HTTP连接。一些网站用分开图片服务器的方式来优化,比如image1.xxxx.com,image2.xxxx.com,image3.xxxx.com……
2、合并JS文件和CSS文件来减少HTTP请求数。
四、其他技巧
1、在目录URL后加“/”,比如xxx.com/article/
以上技巧希望对网页设计师们有所帮助。

 

  • 18922299980
  • 扫一扫加我微信
  • weinxin
  • 公众号:名将VR全景
  • 扫一扫在微信上关注我们
  • weinxin
实习编辑
  • 本文由 发表于 2021年5月19日10:18:00
  • 转载请务必保留本文链接:http://blog.hzzx3d.com/7167.html