服务器配置

Web前端性能优化方法

我的站长站 2019-03-20 人阅读

Web前端性能优化主要方法分为2个,资源合并与压缩。主要功能是减少http请求数量,减少请求资源的大小。

具体方法

HTML压缩:注释也可被压缩,无效代码删除,css 语义合并。

JS压缩:无效字符的删除;剔除注释,代码语义的缩减和优化

文件合并:文件合并与不合并对比,公共库合并

图片相关的优化:每种图片格式都有自己的特点,针对不同的业务场景选择不同的图片格式很重要

CSS雪碧图:把你的网站上用到的一些图片整合到一张单独的图片中

WebP 的优势体现在它具有更优的图像数据压缩算法,能带来更小的图片体积,而且拥有肉眼识别无差异的图像质量;同时具备了无损和有损的压缩模式、Alpha 透明以及动画的特性,在 JPEG 和 PNG 上的转化效果都非常优秀、稳定和统一。

相关推荐
  • 前端开发
  • 珠峰培训前端开发51G全套视频教程
    珠峰培训前端开发51G全套视频教程

    珠峰前端开发截图视频教程列表NODE和PROMISE.rar9.AXIOS视频.rar8.AJAX.rar7.移动端开发.rar6.事件、事件委托、发布订阅.rar5.定时器、异步、动画库、轮播.rar4. 前三周综合复习.rar3.Dom盒子模...

    视频教程 147 4年前
  • Web前端性能优化方法

    Web前端性能优化主要方法分为2个,资源合并与压缩。主要功能是减少http请求数量,减少请求资源的大小。具体方法HTML压缩:注释也可被压缩,无效代码删除,css 语义合并。JS压缩:无效字符的删除;剔除注释,代码语义的缩减和优化文件合并:文件合并与不合并对比,公共库...

    服务器配置 233 5年前
  • jquery前端框架EasyUI视频教程[Lxe版]打包下载
    jquery前端框架EasyUI视频教程[Lxe版]打包下载

    jquery easyui视频教程简介jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不...

    视频教程 139 4年前
最新更新