网页卡顿优化经验

首先是css方面的:

之前主题很多特效是用js去实现的,导致网页浏览时会有卡顿的现象,后来发现用css也可以实现这样的效果而且卡顿现象不见了

于是一大波看不见的大优化出来了,更新过后浏览体验确实高了不少,所以第一:能用css解决的问题尽量不要用js。

第二呢,不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。

还有尽量少用0数值,可以定义为none的就不要用0 为什么呢,同上。

还有一点我也不太清楚:CSS 的十六进制颜色代码缩写。习惯了缩写及小写,这才知道,原来不是推荐的写法,为的是减少解析所占用的资源。但同时会增加文件体积。孰优孰劣,我也不敢过多评价。

然后是js方面的:

卡顿的很大一方面是js导致的

尽量注意函数逻辑性,也就是一个先来后到。不仅仅是可以达到目的就行。

跟随标准 作为一个库的开发者,你定义JavaScript代码的模式。设计模式是编程语言能力弱的体现。 记住,JavaScript和DOM还在不断地被规格化。如果你想“修正”某些东西,最好先看看是否已经被修正,考虑已有的解决方案。 如果你跟随标准,就紧紧的跟着标准走(比如:别遗漏了forEach 方法的某个参数)。

小巧更佳 各种JavaScript库已经成熟。某些库已经应用在主流网站上。但并不是所有人都装了2MBit的DSL带宽,因此请保持库的小巧。更好的做法是,提供一个打包页面,允许按照我的需求有效地构建自己的库。

 


打赏

网友评论2条

  1. 沙发
    肥柴

    资源???哎,不存在的,tan90

    [回复]
    • Javst

      (⊙o⊙)哇你皮的不是一点点

      [回复]

发表评论