資訊專欄INFORMATION COLUMN
摘要：清晰地告訴我們開發部署的最佳實踐。但是有些事情能不能共通過其他技術方案更好的完成這項工作呢。暫且，我們不討論代替類似與要做的一些事情是否具有合理性。是一個的一個擴展模塊，它可以對你部署在上的靜態文件進行符合開發最佳實踐的所有優化。
#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 所有常用選項 進行 分析講解。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/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); ...
閱讀 3864·2021-09-23 11:51
閱讀 3057·2021-09-22 15:59
閱讀 856·2021-09-09 11:37
閱讀 2063·2021-09-08 09:45
閱讀 1260·2019-08-30 15:54
閱讀 2056·2019-08-30 15:53
閱讀 485·2019-08-29 12:12
閱讀 3283·2019-08-29 11:15
