怎么安裝Critical-創(chuàng)新互聯(lián)

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

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

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

Critical的安裝

復(fù)制

$npminstall--savecritical

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

grunt關(guān)鍵

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

演示項(xiàng)目

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

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

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

用法

包括：

復(fù)制

varcritical=require('critical');

Critical帶有可用選項(xiàng)的完整示例：

復(fù)制

critical.generate({

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

//Yourbasedirectorybase:'dist/',

//HTMLsourcehtml:'<html>...</html>',

//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)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

網(wǎng)站標(biāo)題：怎么安裝Critical-創(chuàng)新互聯(lián)
本文地址：http://www.muchs.cn/article38/ddshpp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、網(wǎng)站建設(shè)、網(wǎng)站改版、定制開發(fā)、網(wǎng)頁(yè)設(shè)計(jì)公司、靜態(tài)網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容