文档章节

Web性能优化:前端工程师

为毛我名叫酱油
 为毛我名叫酱油
发布于 2016/06/27 10:27
字数 388
阅读 21
收藏 0

压缩源码和图片

JavaScript文件源代码可以采用混淆压缩的方式,CSS文件源代码进行普通压缩,JPG图片可以根据具体质量来压缩为50%到70%,PNG可以使用一些开源软件来压缩,比如24色变8色、去掉一些PNG格式信息等。


选择合适的图片格式

如果图片颜色较多就使用JPG格式,如果图片颜色较少就使用PNG格式,如果能够通过服务器端判断浏览器支持WebP,那么就使用WebP格式和SVG格式。


合并静态资源

包括CSS、JavaScript和小图片,减少HTTP请求。


开启服务器端的Dzip压缩

这对文本资源非常有效,对图片资源则没有那么大的压缩比率。


使用CDN

或者使用第三方提供的静态资源地址(比如JQuery、normalize.css)。一方面增加并发下载量,另一方面能够和其他网站共享缓存。


延长资源缓存的时间

频繁访问网站的用户就能够更快的访问。不过,这里要通过修改文件名的方式,确保在资源更新的时候,用户会拉取到最新的内容。


把CSS放在页面头部,把JavaScript放在页面底部

这样不会阻塞页面渲染,让页面出现长时间的空白。


-----摘自《Web全栈工程师的自我修养》

© 著作权归作者所有

共有 人打赏支持
为毛我名叫酱油
粉丝 1
博文 2
码字总数 545
作品 0
济南
前端工程的入门须知

本文是写给那些想要入门web前端工程的初学者,高手请路过,也欢迎高手们拍砖。 先说下web前端工程师的价值,目前web产品交互越来越复杂,用户使用体验和网站前端性能优化这些都得靠web前端工...

WEB攻程狮
2017/12/01
0
0
web前端工程师入门须知,你全部了解吗?

本文是写给那些想要入门web前端工程的初学者,高手请路过,也欢迎高手们拍砖。 先说下web前端工程师的价值,目前web产品交互越来越复杂,用户使用体验和网站前端性能优化这些都得靠web前端工...

DarkSpy13
2017/11/28
0
0
想学前端,为什么不看这些书呢?

目前市场上HTML、CSS 类别书籍,都是大同小异,在当当网、卓越网搜索一下很多推荐。今天web前端大牛根据自己的经验总结如下:Javascript 的书籍推荐看老外写的,国内很多 Javascript 书籍的作...

小懒人23
2016/05/20
69
0
各岗位职责和基本能力要求

前端要求 熟悉HTML/CSS/JavaScript等前端技术 熟练运用JavaScript/jQuery/Ajax完成服务器交互及动态效果 前端职责 负责网站和软件前端开发,与后台工程师、设计师协作,输出web前端 完成数据...

小仙女KOMons
2016/12/07
0
0
《Web性能权威指南》.PDF

简介 本书是谷歌公司高性能团队核心成员的权威之作,堪称实战经验与规范解读完美结合的产物。本书目标是涵盖Web 开发者技术体系中应该掌握的所有网络及性能优化知识。全书以性能优化为主线,...

jackmk
2017/08/12
0
0

没有更多内容

加载失败,请刷新页面

加载更多

70.shell的函数 数组 告警系统需求分析

20.16/20.17 shell中的函数 20.18 shell中的数组 20.19 告警系统需求分析 20.16/20.17 shell中的函数: ~1. 函数就是把一段代码整理到了一个小单元中,并给这个小单元起一个名字,当用到这段...

王鑫linux
38分钟前
0
0
分布式框架spring-session实现session一致性使用问题

前言:项目中使用到spring-session来缓存用户信息,保证服务之间session一致性,但是获取session信息为什么不能再服务层获取? 一、spring-session实现session一致性方式 用户每一次请求都会...

WALK_MAN
今天
3
0
C++ yield()与sleep_for()

C++11 标准库提供了yield()和sleep_for()两个方法。 (1)std::this_thread::yield(): 线程调用该方法时,主动让出CPU,并且不参与CPU的本次调度,从而让其他线程有机会运行。在后续的调度周...

yepanl
今天
3
0
Java并发编程实战(chapter_3)(线程池ThreadPoolExecutor源码分析)

这个系列一直没再写,很多原因,中间经历了换工作,熟悉项目,熟悉新团队等等一系列的事情。并发课题对于Java来说是一个又重要又难的一大块,除非气定神闲、精力满满,否则我本身是不敢随便写...

心中的理想乡
今天
23
0
shell学习之获取用户的输入命令read

在运行脚本的时候,命令行参数是可以传入参数,还有就是在脚本运行过程中需要用户输入参数,比如你想要在脚本运行时问个问题,并等待运行脚本的人来回答。bash shell为此提 供了read命令。 ...

woshixin
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部