本篇內(nèi)容介紹了“怎么安裝Critical”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：域名注冊、雅安服務(wù)器托管、營銷軟件、網(wǎng)站建設(shè)、鎮(zhèn)巴網(wǎng)站維護、網(wǎng)站推廣。

Critical是處理上css關(guān)鍵路徑問題的一個工具。為了獲得很好性能，程序員可能需要考慮將關(guān)鍵css直接插入到html文檔中，因為這消除了關(guān)鍵路徑的額外往返行程。該想法的具體實踐是查找關(guān)鍵的css規(guī)則，并將這些規(guī)則放在html文檔的部分。Critical生成并內(nèi)聯(lián)關(guān)鍵路徑css，程序員可同時使用Grunt和Gulp。

Critical的安裝

復(fù)制

$npminstall--savecritical

Critical插件構(gòu)建插件

grunt關(guān)鍵

吞咽用戶應(yīng)直接使用關(guān)鍵

演示項目

使用Optimize優(yōu)化一個基本頁面，并使用一個教程

用Gulp法優(yōu)化Angular樣板。

使用Gulp優(yōu)化天氣應(yīng)用程序。

用法

包括：

復(fù)制

varcritical=require('critical');

Critical帶有可用選項的完整示例：

復(fù)制

critical.generate({

//Inlinethegeneratedcritical-pathCSS//-truegeneratesHTML//-falsegeneratesCSSinline:true,

//Yourbasedirectorybase:'dist/',

//HTMLsourcehtml:'...',

//HTMLsourcefilesrc:'index.html',

//YourCSSFiles(optional)css:['dist/styles/main.css'],

//Viewportwidthwidth:1300,

//Viewportheightheight:900,

//TargetforfinalHTMLoutput.//usesomeCSSfilewhentheinlineoptionisnotsetdest:'index-critical.html',

//Minifycritical-pathCSSwheninliningminify:true,

//Extractinlinedstylesfromreferencedstylesheetsextract:true,

//CompleteTimeoutforOperationtimeout:30000,

//PrefixforassetdirectorypathPrefix:'/MySubfolderDocrot',

//ignoreCSSrulesignore:['font-face',/some-regexp/],

//overwritedefaultoptionsignoreOptions:{}

});

“怎么安裝Critical”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！

網(wǎng)站名稱：怎么安裝Critical-創(chuàng)新互聯(lián)
網(wǎng)頁路徑：http://weahome.cn/article/ddshpp.html