資訊專欄INFORMATION COLUMN
摘要：清晰地告訴我們開發(fā)部署的最佳實(shí)踐。但是有些事情能不能共通過其他技術(shù)方案更好的完成這項(xiàng)工作呢。暫且，我們不討論代替類似與要做的一些事情是否具有合理性。是一個的一個擴(kuò)展模塊，它可以對你部署在上的靜態(tài)文件進(jìn)行符合開發(fā)最佳實(shí)踐的所有優(yōu)化。
#pagespeed
說起 pagespeed 相信很多前端工程師都不會陌生。
是的 還有 YSlow
pagespeed 和 YSlow 是前端優(yōu)化的神器，也是大牛們經(jīng)驗(yàn)的寶貴積累。清晰地告訴我們開發(fā)部署的最佳實(shí)踐。
我們回想一下前端工程構(gòu)建部署的一些通用的方法（注意：只討論 構(gòu)建 和 部署）
build
我們可能會使用 gruntjs, gulpjs。使用哪一種我們都可以完成以下的目標(biāo)
jshint －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ js上下文安全檢查
amd|cmd optimizer( js ) －－－－－－－－－－－－－－－－－－－－ js 模塊 合并優(yōu)化
minify( css, html, js ) －－－－－－－－－－－－－－－－－－－－－ 最小化 css html js 文件
optimizer( jpg | gif | png )?。?yōu)化壓縮圖片文件
img( width + height )?。★@式聲明圖片大小屬性
merge_file(js, css)?。『侠淼暮喜?js, css 文件
css splite －－－－－－－－－－－－－－－－－－－－－－－－－－－－ 將更多小圖片合成一張大圖
lazyload_images －－－－－－－－－－－－－－－－－－－－－－－－－ 對圖片使用懶加載
... and more
deploy
gzip() －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ 開啟對文本文件的壓縮
cache( max-age, etag, expires ) －－－－－－－－－－－－－－－－ 開啟對靜態(tài)文件的緩存策略
cdn (static file) －－－－－－－－－－－－－－－－－－－對一些長期不會變化的文件使用cdn
dns prefetch －－－－－－－－－－－－－－－－－－－－－ dns 預(yù)查詢
... and more
以上基本是每一個項(xiàng)目都要進(jìn)行的在 構(gòu)建期 與部署期 對項(xiàng)目的優(yōu)化。
使得這些 方案 我們都可以通過使用 任務(wù)腳本 去自動化完成。但是 有些事情 能不能共通過 其他技術(shù)方案 更好的完成這項(xiàng)工作呢。 答案 是可以的。
暫且，我們不討論 代替 類似 與 gulpjs 要做的一些事情是否具有合理性。 因?yàn)?我們只能做到 構(gòu)建期 的事情。我們力所能及的事情。但是 部署期 的事情。但是部署期的很多事 我們 的 腳本 是很難做到，也不應(yīng)該做到。比如說， 使用 web server 代理緩存(nginx, squid)，使我們的構(gòu)建期文件在運(yùn)行期長期有效。而且很多事情如果能夠不寫腳本 就能在 部署期自動搞定豈不是 更生開發(fā)時間了嗎。
好了廢話了這么多。那么 ngx_pagespeed 到底是什么東西呢
相信 熟悉 nginx 反向代理服務(wù)器的同學(xué) 一看見 ngx 就知道，應(yīng)該是一個 nginx 擴(kuò)展。
ngx_pagespeed 是一個 nginx 的一個 擴(kuò)展模塊，它可以對你 部署在 nginx 上的 靜態(tài)文件進(jìn)行 符合 web 開發(fā)最佳實(shí)踐的所有優(yōu)化。 以上你看到的優(yōu)化他都可以自動完成。一行代碼都不用寫。只需要一個簡單的配置即可。
(ngx_pagespeed 官網(wǎng)) (ngx_pagespeed GitHub) (ngx_pagespeed 文檔)
接下來的博文 我會對 ngx_pagespeed 所有常用選項(xiàng) 進(jìn)行 分析講解。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/39083.html
摘要：是作為擴(kuò)展存在的。所以他的安裝方法就和其他的模塊的安裝方法沒什么兩樣。大概下載地址編譯安裝通過選項(xiàng)將編譯到核心中。如果不太清楚這種安裝方式請移步到官方文檔在這里我并沒有詳細(xì)的講解詳細(xì)的安裝流程。 ngx_pagespeed 是作為 nginx 擴(kuò)展存在的。所以他的安裝方法就和其他的nginx模塊的安裝方法沒什么兩樣。 1. 下載 ngx_pagespeed (ngx_page...
摘要：模塊的主要功能如下圖像優(yōu)化剝離元數(shù)據(jù)動態(tài)調(diào)整，重新壓縮和壓縮合并級聯(lián)內(nèi)聯(lián)小資源內(nèi)聯(lián)推遲圖像和加載對重寫壓縮空格去除注釋等提升緩存周期這次安裝教程是在環(huán)境基于搭建的，系統(tǒng)是位的。 ngx_pagespeed 是 Nginx 的一個擴(kuò)展模塊，主要的功能是針對前端頁面而進(jìn)行服務(wù)器端的優(yōu)化，對前端設(shè)計人員來說，可以省去優(yōu)化css、js以及圖片的過程。ngx_pagespeed對nginx自身負(fù)...
摘要：給加裝插件，本文適用于在軍哥的一鍵包請根據(jù)需要改變版本號安裝好的一件包環(huán)境然后下載，解壓插件編輯軍哥的腳本在后面添加執(zhí)行一次升級腳本安裝好之后需要一些配置才能正常工作具體參見 給nginx加裝ngx_pagespeed插件，本文適用于在軍哥lnmp.org的一鍵包 請根據(jù)需要改變版本號 Just follow the steps: 安裝好lnmp.org的一件包環(huán)境 然后下載，解...
摘要：強(qiáng)大且什么是是一種自由和開放源碼的類操作系統(tǒng)內(nèi)核。是一個領(lǐng)先的操作系統(tǒng)內(nèi)核，世界上運(yùn)算最快的臺超級電腦運(yùn)行的都是基于內(nèi)核的操作系統(tǒng)。開機(jī)完成后，就接手初始化硬件設(shè)備創(chuàng)建存儲器空間的映射，以便為操作系統(tǒng)內(nèi)核準(zhǔn)備好正確的軟硬件環(huán)境。 GNU/Linux 強(qiáng)大且Free showImg(http://designiot.phodal.com/images/gnu_linux.png); ...
摘要：強(qiáng)大且什么是是一種自由和開放源碼的類操作系統(tǒng)內(nèi)核。是一個領(lǐng)先的操作系統(tǒng)內(nèi)核，世界上運(yùn)算最快的臺超級電腦運(yùn)行的都是基于內(nèi)核的操作系統(tǒng)。開機(jī)完成后，就接手初始化硬件設(shè)備創(chuàng)建存儲器空間的映射，以便為操作系統(tǒng)內(nèi)核準(zhǔn)備好正確的軟硬件環(huán)境。 GNU/Linux 強(qiáng)大且Free showImg(http://designiot.phodal.com/images/gnu_linux.png); ...
閱讀 3892·2021-09-23 11:51
閱讀 3071·2021-09-22 15:59
閱讀 873·2021-09-09 11:37
閱讀 2074·2021-09-08 09:45
閱讀 1269·2019-08-30 15:54
閱讀 2068·2019-08-30 15:53
閱讀 494·2019-08-29 12:12
閱讀 3292·2019-08-29 11:15
