前端优化常见技巧

 时间:2024-10-12 10:53:57

1、首先对于css,js脚本,我们需要压缩,减少文件大小。

前端优化常见技巧

2、为了减少请求量,我们还需要把多个的css,js文件合并为一个文件。

前端优化常见技巧

3、对于css,js,还有额外的优化,css样式基本放到页面的最前面,head标签里,而js脚本尽量放到页面最下方。

前端优化常见技巧

4、如果前端显示是大量的图片列表,我们可以寿伊趾杏考虑使用lazyload,延迟加载,比如当页面滚动条移到对应位置时,才显示对应的图片。

前端优化常见技巧

5、对于页面上的图标,我们可以考虑使用矢量图标,比如一些字体图标。

前端优化常见技巧

6、对于要使用非矢量图标的,我们可以考虑将所有图标使用Sprites功能,把所有的小图标做成一个大图片,然后使用css的background-position来定位显示对应的图标。

前端优化常见技巧
  • C# WinForm VS2013获取计算机中所有驱动器信息
  • myeclipse如何修改文件 编码格式
  • jquery中如何通过对象选择器获得密码框内容
  • java计算字符串在在字符串中第N次出现的位置
  • web项目myeclipse或者eclipse输出大量debug信息
  • 热门搜索
    旅游门票 黄山宏村旅游攻略 避暑旅游十佳城市 马德里旅游 洞头旅游攻略 江西旅游商贸学院 去土耳其旅游多少钱 去张家界旅游 中山旅游景点大全 重庆旅游学校