-
解析dom樹時(shí)注意點(diǎn)。<br> reflow（回流）和重繪，當(dāng)更改導(dǎo)致元素位置、大小,外邊距等發(fā)生變化的時(shí)候，觸發(fā)reflow；改變顏色或者字體樣式等不影響元素位置、大小等的操作，觸發(fā)重繪。<br> js阻塞頁(yè)面渲染、瀏覽器下載通道的情況（document.write阻塞頁(yè)面渲染、其他js的執(zhí)行和至少一條下載通道）。查看全部
-
301重定向與302跳轉(zhuǎn)有什么區(qū)別? 301重定向，也叫“永久性轉(zhuǎn)移”，301會(huì)把原網(wǎng)頁(yè)權(quán)重轉(zhuǎn)移到重定向目標(biāo)的網(wǎng)站上面。 302跳轉(zhuǎn)也稱為，“臨時(shí)跳轉(zhuǎn)”。 區(qū)別 1、使用效果不同 302跳轉(zhuǎn)是暫時(shí)的跳轉(zhuǎn)，搜索引擎會(huì)抓取新的內(nèi)容而保留舊的網(wǎng)址。因?yàn)榉?wù)器返回302代碼，搜索引擎認(rèn)為新的網(wǎng)址只是暫時(shí)的。 301重定向是永久的重定向，搜索引擎在抓取新內(nèi)容的同時(shí)也將舊的網(wǎng)址替換為重定向之后的網(wǎng)址。 2、SEO使用方式不同 在搜索引擎優(yōu)化中302跳轉(zhuǎn)被眾多黑帽SEO優(yōu)化人員追求，對(duì)網(wǎng)站進(jìn)行惡意302跳轉(zhuǎn)至非用戶目標(biāo)訪問網(wǎng)站，因此搜索引擎對(duì)于網(wǎng)站的302跳轉(zhuǎn)通常是比較不友好。 常見的方式是對(duì)網(wǎng)站K站，在對(duì)網(wǎng)站進(jìn)行URL規(guī)范化地址要使用301重定向而非302跳轉(zhuǎn)。 珍島提醒大家慎用302跳轉(zhuǎn)。 域名從右往左解析，先解析.，.com，baidu，news；一般情況下，運(yùn)營(yíng)商提供優(yōu)化，有張域名和ip的hash表，不用到公網(wǎng)尋找ip。查看全部
-
下載不了查看全部
-
本地渲染流程查看全部
-
同步并行完結(jié)模式查看全部
-
性能優(yōu)化術(shù)語(yǔ)： 對(duì)于前端性能：我們不應(yīng)該只是去看產(chǎn)品類的UV/PV/跳出率/月活躍/日活躍這些參數(shù)；因?yàn)榍岸瞬皇沁@些指標(biāo)的唯一輸入方和責(zé)任方，我們更多的是需要通過(guò)優(yōu)化提升技術(shù)類的指標(biāo)，達(dá)到提升產(chǎn)品類指標(biāo)提升的目標(biāo)。技術(shù)類指標(biāo)有：首屏?xí)r間（加載到第一屏的功能點(diǎn)，所消耗的時(shí)間點(diǎn)）、白屏?xí)r間（從進(jìn)入頁(yè)面到head解析的時(shí)間）、可操時(shí)間(與模塊先關(guān)，主要是測(cè)試核心模塊的使用率以及用戶感知獲得)、連通率（多用于視頻站點(diǎn)。時(shí)間為縱軸，主要是對(duì)應(yīng)時(shí)間內(nèi)看到視頻或聽到聲音的比例）查看全部
-
bigpipe的缺點(diǎn)： 1、異步請(qǐng)求較多（在網(wǎng)速環(huán)境差情況下，比如在做國(guó)際化產(chǎn)品的時(shí)候） 2、SEO引擎較難抓?。ū热缧侣?wù)军c(diǎn)） 3、模塊之間相互通信引用（比如幾個(gè)模塊相互間關(guān)聯(lián)度比較高，不確定加載時(shí)間） 4、模板引擎重復(fù)渲染查看全部
-
bigpipe整個(gè)流程： 1.頁(yè)面在同步加載時(shí)，會(huì)返回一些占位符 2.根據(jù)需求，請(qǐng)求占位符的資源（根據(jù)ID） 3.填充占位符查看全部
-
Bigpipe技術(shù)核心為占位符與異步加載 搜索技術(shù)博客－淘寶 http://www.searchtb.com/2011/04/an-introduction-to-bigpipe.html 英文版： http://www.cubrid.org/blog/dev-platform/faster-web-page-loading-with-facebook-bigpipe/查看全部
-
前端加載方式：同步加載，分級(jí)加載，按需加載查看全部
-
缺點(diǎn)：框架里如果有iframe方法時(shí)，需要iframe加載完畢后，再發(fā)出一次http請(qǐng)求鏈接，比正常加載方式慢 有點(diǎn)：iframe框架頁(yè)面出現(xiàn)錯(cuò)誤后，不會(huì)影響到其它iframe框架頁(yè)面的渲染查看全部
-
能夠獨(dú)立完成某項(xiàng)功能，而不依賴其它外部資源查看全部
-
Gzip壓縮大部分瀏覽器都支持查看全部
-
模擬測(cè)試網(wǎng)絡(luò)請(qǐng)求，顯示各個(gè)資源的加載時(shí)間 http://www.webpagetest.org查看全部
-
https://github.com/ChenChenJoke/jokerChrome查看全部
舉報(bào)
0/150
提交
取消