摘要:清晰地告诉我们开发部署的最佳实践。但是有些事情能不能共通过其他技术方案更好的完成这项工作呢。暂且,我们不讨论代替类似与要做的一些事情是否具有合理性。是一个的一个扩展模块,它可以对你部署在上的静态文件进行符合开发最佳实践的所有优化。
#pagespeed
说起 pagespeed 相信很多前端工程师都不会陌生。
是的 还有 YSlow
pagespeed 和 YSlow 是前端优化的神器,也是大牛们经验的宝贵积累。清晰地告诉我们开发部署的最佳实践。
我们回想一下前端工程构建部署的一些通用的方法(注意:只讨论 构建 和 部署)
build
我们可能会使用 gruntjs, gulpjs。使用哪一种我们都可以完成以下的目标
jshint ------------------------------ js上下文安全检查
amd|cmd optimizer( js ) -------------------- js 模块 合并优化
minify( css, html, js ) --------------------- 最小化 css html js 文件
optimizer( jpg | gif | png ) ------------------ 优化压缩图片文件
img( width + height ) ---------------------- 显式声明图片大小属性
merge_file(js, css) ----------------------- 合理的合并 js, css 文件
css splite ---------------------------- 将更多小图片合成一张大图
lazyload_images ------------------------- 对图片使用懒加载
... and more
deploy
gzip() --------------------------------- 开启对文本文件的压缩
cache( max-age, etag, expires ) ---------------- 开启对静态文件的缓存策略
cdn (static file) -------------------对一些长期不会变化的文件使用cdn
dns prefetch --------------------- dns 预查询
... and more
以上基本是每一个项目都要进行的在 构建期 与部署期 对项目的优化。
使得这些 方案 我们都可以通过使用 任务脚本 去自动化完成。但是 有些事情 能不能共通过 其他技术方案 更好的完成这项工作呢。 答案 是可以的。
暂且,我们不讨论 代替 类似 与 gulpjs 要做的一些事情是否具有合理性。 因为 我们只能做到 构建期 的事情。我们力所能及的事情。但是 部署期 的事情。但是部署期的很多事 我们 的 脚本 是很难做到,也不应该做到。比如说, 使用 web server 代理缓存(nginx, squid),使我们的构建期文件在运行期长期有效。而且很多事情如果能够不写脚本 就能在 部署期自动搞定岂不是 更生开发时间了吗。
好了废话了这么多。那么 ngx_pagespeed 到底是什么东西呢
相信 熟悉 nginx 反向代理服务器的同学 一看见 ngx 就知道,应该是一个 nginx 扩展。
ngx_pagespeed 是一个 nginx 的一个 扩展模块,它可以对你 部署在 nginx 上的 静态文件进行 符合 web 开发最佳实践的所有优化。 以上你看到的优化他都可以自动完成。一行代码都不用写。只需要一个简单的配置即可。
(ngx_pagespeed 官网) (ngx_pagespeed GitHub) (ngx_pagespeed 文档)
接下来的博文 我会对 ngx_pagespeed 所有常用选项 进行 分析讲解。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/39083.html
摘要:是作为扩展存在的。所以他的安装方法就和其他的模块的安装方法没什么两样。大概下载地址编译安装通过选项将编译到核心中。如果不太清楚这种安装方式请移步到官方文档在这里我并没有详细的讲解详细的安装流程。 ngx_pagespeed 是作为 nginx 扩展存在的。所以他的安装方法就和其他的nginx模块的安装方法没什么两样。 1. 下载 ngx_pagespeed (ngx_page...
摘要:模块的主要功能如下图像优化剥离元数据动态调整,重新压缩和压缩合并级联内联小资源内联推迟图像和加载对重写压缩空格去除注释等提升缓存周期这次安装教程是在环境基于搭建的,系统是位的。 ngx_pagespeed 是 Nginx 的一个扩展模块,主要的功能是针对前端页面而进行服务器端的优化,对前端设计人员来说,可以省去优化css、js以及图片的过程。ngx_pagespeed对nginx自身负...
摘要:给加装插件,本文适用于在军哥的一键包请根据需要改变版本号安装好的一件包环境然后下载,解压插件编辑军哥的脚本在后面添加执行一次升级脚本安装好之后需要一些配置才能正常工作具体参见 给nginx加装ngx_pagespeed插件,本文适用于在军哥lnmp.org的一键包 请根据需要改变版本号 Just follow the steps: 安装好lnmp.org的一件包环境 然后下载,解...
摘要:强大且什么是是一种自由和开放源码的类操作系统内核。是一个领先的操作系统内核,世界上运算最快的台超级电脑运行的都是基于内核的操作系统。开机完成后,就接手初始化硬件设备创建存储器空间的映射,以便为操作系统内核准备好正确的软硬件环境。 GNU/Linux 强大且Free showImg(http://designiot.phodal.com/images/gnu_linux.png); ...
摘要:强大且什么是是一种自由和开放源码的类操作系统内核。是一个领先的操作系统内核,世界上运算最快的台超级电脑运行的都是基于内核的操作系统。开机完成后,就接手初始化硬件设备创建存储器空间的映射,以便为操作系统内核准备好正确的软硬件环境。 GNU/Linux 强大且Free showImg(http://designiot.phodal.com/images/gnu_linux.png); ...
阅读 3764·2021-09-23 11:51
阅读 3003·2021-09-22 15:59
阅读 824·2021-09-09 11:37
阅读 2045·2021-09-08 09:45
阅读 1246·2019-08-30 15:54
阅读 2036·2019-08-30 15:53
阅读 470·2019-08-29 12:12
阅读 3263·2019-08-29 11:15