當(dāng)PageSpeed Insights檢測到網(wǎng)頁上的文字太小而難以辨認(rèn)時(shí),就會(huì)觸發(fā)此規(guī)則。 概覽 您可以使用以下四種常用單位來指定網(wǎng)頁字體大?。合袼?px)、點(diǎn)(pt)、EM(em)和百分比(%)。 像素即“CSS像素”,會(huì)因設(shè)備尺寸和密度而異。 點(diǎn)是相對于像素而定義的。一個(gè)像素是0.75點(diǎn)*。 EM和百分比是“相對”單位:這兩個(gè)單位是相對于沿用已使用字體大小和屬性而言的。1 EM相當(dāng)于100%。 *請參見其他說明。 此外,視口會(huì)影響字體在移動(dòng)設(shè)備上的縮放方式。未適當(dāng)配置視口的網(wǎng)頁會(huì)在移動(dòng)設(shè)備上縮小顯示,這通常會(huì)導(dǎo)致網(wǎng)頁文字較小而難以辨認(rèn)。...
Read More當(dāng)PageSpeed Insights檢測到某些點(diǎn)按目標(biāo)(例如按鈕、鏈接或表單字段)可能過小或距離過近,以致用戶不方便在觸摸屏上點(diǎn)按時(shí),就會(huì)觸發(fā)此規(guī)則。 概覽 對于用戶來說,如果鏈接或按鈕太小或擺放太密集的話,要想在觸摸屏上準(zhǔn)確點(diǎn)按這些目標(biāo),會(huì)比使用傳統(tǒng)鼠標(biāo)光標(biāo)更費(fèi)力。為了讓用戶免去不慎按錯(cuò)位置的困擾,請為每個(gè)點(diǎn)按目標(biāo)設(shè)置足夠的大小,并讓它們之間保持足夠的距離,以免用戶在點(diǎn)按任何目標(biāo)時(shí)手指觸碰到其他任何點(diǎn)按目標(biāo)。成人的手指指腹平均寬約10毫米(不到半英寸),因此Android界面準(zhǔn)則建議最小點(diǎn)按目標(biāo)尺寸約為7毫米,或在移動(dòng)視口正確設(shè)置的網(wǎng)站上,點(diǎn)按目標(biāo)至少要達(dá)到48 CSS像素。 建議 您應(yīng)確保網(wǎng)站上最重要的點(diǎn)按目標(biāo)(用戶最常用的目標(biāo))足夠大,即高/寬至少要達(dá)到48...
Read More當(dāng)PageSpeed Insights檢測到網(wǎng)頁內(nèi)容不適合在指定尺寸的視口內(nèi)水平顯示,而強(qiáng)制用戶水平移動(dòng)網(wǎng)頁以查看所有內(nèi)容時(shí),就會(huì)觸發(fā)此規(guī)則。 概覽 在桌面設(shè)備和移動(dòng)設(shè)備上,用戶習(xí)慣于垂直(而非水平)滾動(dòng)瀏覽網(wǎng)站,而強(qiáng)制用戶水平滾動(dòng)或縮小以查看完整網(wǎng)頁會(huì)給用戶帶來很差的體驗(yàn)。 在使用元視口代碼開發(fā)移動(dòng)網(wǎng)站的過程中,您往往會(huì)在無意中創(chuàng)建并不適用于指定視口的網(wǎng)頁內(nèi)容。例如,如果在視口中顯示大于視口寬度的圖片,會(huì)迫使用戶水平滾動(dòng)該視口。您應(yīng)調(diào)整此內(nèi)容,使其符合視口的寬度。這樣一來,用戶就不用水平滾動(dòng)視口了。 建議 不同的設(shè)備其屏幕尺寸會(huì)有很大的差異(例如,手機(jī)和平板電腦,甚至是不同款的手機(jī)),為此您應(yīng)配置相應(yīng)視口,以便您的網(wǎng)頁能在許多不同的設(shè)備上正確呈現(xiàn)。然而,由于視口寬度(以CSS像素為單位)可能會(huì)有所不同,因此,您的網(wǎng)頁內(nèi)容不應(yīng)依賴于能正常顯示的特定視口寬度。...
Read More當(dāng)PageSpeed Insights檢測到您的網(wǎng)頁未指定視口,或者指定的視口不適合不同設(shè)備時(shí),就會(huì)觸發(fā)此規(guī)則。 概覽 視口可控制網(wǎng)頁在移動(dòng)設(shè)備上的顯示方式。如果未指定視口,移動(dòng)設(shè)備將以典型桌面屏幕的寬度來呈現(xiàn)網(wǎng)頁,并調(diào)整網(wǎng)頁使其適合屏幕大小。通過設(shè)置視口,您可以控制網(wǎng)頁在不同設(shè)備上的寬度和縮放比例。 左圖:未指定元視口的網(wǎng)頁。 右圖:指定了與設(shè)備寬度相匹配的視口的網(wǎng)頁。 建議 經(jīng)過優(yōu)化可在移動(dòng)設(shè)備上正常顯示的網(wǎng)頁應(yīng)在文檔標(biāo)頭中包含元視口,指定如下內(nèi)容:width=device-width, initial-scale=1。 <meta name=viewport content="width=device-width,...
Read More當(dāng)PageSpeed Insights檢測到您正在使用同步版(而非異步版)腳本時(shí),就會(huì)觸發(fā)此規(guī)則。 概覽 使用異步腳本意味著系統(tǒng)可以更快速地呈現(xiàn)您的網(wǎng)頁,而不是強(qiáng)制用戶等待腳本完成下載,然后才呈現(xiàn)網(wǎng)頁。異步版腳本可實(shí)現(xiàn)后臺(tái)下載。 雖然最初的大多數(shù)腳本是同步的,但較新版腳本均可實(shí)現(xiàn)異步加載。 建議 請確保您使用的是異步版腳本。以下熱門腳本均支持加載異步腳本: BuySellAds (s3.buysellads.com/ac/bsa.js):相關(guān)博文 - 默認(rèn)情況下為異步腳本 ChartBeat (static.chartbeat.com/js/chartbeat.js):相關(guān)文檔、相關(guān)博文 -...
Read More??? ????? ??? ??????? ????? ????? PageSpeed Insights ?? HTML ????? ?? ???? ??? ??? JavaScript ????? ????? ?? ??? ?????? ( ????? ?? ????? ????? ?? ???? ?????). ???? ???? ??? ??? ??????? ????? ???? ????? ??? ?? ????? ?? ??????? ??? ????????. ??? ???? ???????? ???? ??????? ?? ???? ?????? ?????? ????? ?????...
Read More??? ????? ??? ??????? ????? ????? PageSpeed Insights ?? ?????? ????? ??? ???? ?? ????? ?????? ?????? ??????? ?????? ????? ?????? ?????? ????? ?????. ???? ???? ??? ?????? ???? ???????? ???????? ???? ????? ???????? ???????? ??????? ?????? ??? ?????? ????? ?? ??????? ?????? ??????? ??? ?????? ?????? ????????....
Read More??? ????? ??? ??????? ????? ????? PageSpeed Insights ?? ???? ????? ????? ??? ???? ????? ?????? ???? ????? ( ???? ????? ???? ??? ??????? ??? ??????). ???? ???? ???? ???????? ???? ????? CSS ???????? ??? ??? ??? ??????? ??? ??????. ???? ?? ???? ??? ??? ????? ????? ?? ?????? ?????? ????? ???? ??? ??? ???...
Read More??? ????? ??? ??????? ????? ????? PageSpeed Insights ?? ?????? ??? ???? ??? ???? ??????? ?????? ????? ??? ??????? ???? ???? ??? ??????? ??????. ???? ???? ??? ?? ??? ?????? ?????? ????? ???? ?????? ?????????? ?????? ??????. ????? ???? ????? ???? ???? ???? ?? ???? ?????? ?? ????? ???? ????????. ??? ????...
Read More當(dāng)PageSpeed Insights檢測到您的某個(gè)資源可通過縮減操作來減小其大小時(shí),就會(huì)觸發(fā)此規(guī)則。 概覽 縮減資源大小是指刪除不必要的字節(jié)(例如,多余的空格、換行符和縮進(jìn))。壓縮HTML、CSS和JavaScript可提高下載、解析和執(zhí)行的速度。此外,對于CSS和JavaScript,還可通過以下方式進(jìn)一步縮小文件體積:在對HTML進(jìn)行適當(dāng)更新的過程中重命名變量名稱,以確保選擇器繼續(xù)運(yùn)行。 建議 您應(yīng)縮減HTML、CSS和JavaScript的大小。 要縮減HTML的大小,您可以使用PageSpeed Insights Chrome擴(kuò)展功能來生成優(yōu)化版HTML代碼。對HTML頁面進(jìn)行分析,然后瀏覽“縮減HTML的大小”規(guī)則。點(diǎn)擊“查看經(jīng)過優(yōu)化的內(nèi)容”,以獲取經(jīng)過優(yōu)化的HTML代碼。...
Read More??? ????? ??? ??????? ????? ????? PageSpeed Insights ?? ??????? ?????? ?? ????? ??? ??? ????? ????? ???? ???? ?? ?? ??? ??????? ????? ??????? ?????? ????? ????? ???. ???? ???? ??? ??? ?????????? ?????? ???? ????? ????? ?? ??? ????? ??? ??????? ?????? ??????? ??????? ??????? ???? ?? ???? ?????????? ?????....
Read More??? ????? ??? ??????? ????? ????? PageSpeed Insights ?? ??? ??????? ?????? ????? ?? ???? ?? 200 ???? ?????. ???? ???? ???? ??? ??????? ?????? ??? ????? ???? ??? ??? ????? HTML ?????? ???? ????? ???? ????? ???? ???????? ??????? ??????? ??? ??? ?????? ?????? ??? Google ???????. ?? ????? ????? ???? ???????...
Read More當(dāng)PageSpeed Insights檢測到網(wǎng)頁上的壓縮資源未與HTTP壓縮一同提供時(shí),就會(huì)觸發(fā)此規(guī)則。 概覽 許多網(wǎng)絡(luò)服務(wù)器可以通過調(diào)用第三方模塊或使用內(nèi)置程序?qū)⑽募嚎s為gzip格式,然后再發(fā)送該壓縮文件以供下載。這樣可以在下載呈現(xiàn)網(wǎng)站所需的資源時(shí),為您節(jié)省一些時(shí)間。 建議 您應(yīng)在自己的網(wǎng)絡(luò)服務(wù)器上啟用壓縮功能。以下這些參考展示了某些熱門網(wǎng)絡(luò)服務(wù)器上所啟用的壓縮功能: Apache:采用mod_deflate Nginx:采用HttpGzipModule IIS:配置HTTP壓縮功能 常見問題解答 PageSpeed Insights報(bào)告許多靜態(tài)內(nèi)容文件需要壓縮為gzip格式,但我已將網(wǎng)絡(luò)服務(wù)器配置為使用gzip壓縮格式提供這些文件。為何PageSpeed...
Read More??? ????? ??? ??????? ????? ????? PageSpeed Insights ??? ??????? ?????? ????? ????? ?????? ????? ??? ????? URL ?????? ??? ???? ?????? ????????. ???? ???? ????? ??? ????? ??????? ???? ??? ????? ??????? ??? HTTP ?????? ????? ?? ????? ??? ?????? ?????? ???????? ??? ????? ????? ??? ?????? ????? ???????...
Read More??????? ???????? ?? ????? ?????? ????? ?????? ?? ???? 2010? ???????? ?? ?? ???? ????? ???? ??? ??????? ?? ????? ????? ?????? - ????? ?? ????? ???? ????? ??? ???? ?????. ???? ??? ??????? ??????? ???? ???????? ??? ?????? ??????. ???? ?? ???? ??????? ???????? ????? ???? ???? ?????? ?????? ???? ????????...
Read More??? ???? ?????? ??? ??????? ???? ????? ?? ???? ???? ????? ??????? ???????? ??????? ??????? ???????? ?????? ??? ???? ????? ??????? ???????? ????? ?????? ?????? ?? ??? ???????. ??? ??????? ???????? ??????? ??????? ?? : ????? ?????? ?????. SEM ( ????? ?????? ?????? ??? ?? ??? ??????? ?????? ????? ??????????...
Read More????? ?????? ????? CDN ?? Content Delivery Network? ?? ???? ????? ???????. ?????? ???????? ?? ???? ?????????? ???????? ??? ???????? ???? ?? ???? ??? ???? ???????? ??? ???????? ??? ???????? ???? ??? ??????? ???? ????? ?????????. ??? ???? ???? ???????? ???? ????? ??? ???? ???????? ???????? ??? ???? ?????...
Read More對外貿(mào)企業(yè)來說,一個(gè)屬于自己的優(yōu)質(zhì)外貿(mào)企業(yè)網(wǎng)站是現(xiàn)代外貿(mào)營銷的核心與基礎(chǔ),也是性價(jià)比較高的外貿(mào)網(wǎng)絡(luò)營銷投資方案和外貿(mào)企業(yè)出口業(yè)績倍增的關(guān)鍵,提升外貿(mào)營銷活動(dòng)的客戶轉(zhuǎn)化率。 外貿(mào)企業(yè)無論是采用展會(huì)營銷、平面廣告、網(wǎng)絡(luò)推廣還是郵件營銷,都避免不了國外買家通過網(wǎng)站來了解自己公司的實(shí)際情況。此時(shí),優(yōu)質(zhì)的外貿(mào)企業(yè)網(wǎng)站則可以提升各類外貿(mào)營銷活動(dòng)的客戶轉(zhuǎn)化率,還可以通過Google SEO優(yōu)化推廣等渠道,帶來大量優(yōu)質(zhì)對口的外貿(mào)詢盤和訂單。 杰贏網(wǎng)絡(luò)憑借資深的外貿(mào)網(wǎng)絡(luò)營銷顧問、嫻熟的調(diào)研策劃、專業(yè)的網(wǎng)頁交互設(shè)計(jì)、優(yōu)秀網(wǎng)站前端后端程序開發(fā)、敬業(yè)的客戶服務(wù)隊(duì)伍,為外貿(mào)企業(yè)精心打造專業(yè)高端SEO友好型企業(yè)營銷網(wǎng)站。廈門杰贏網(wǎng)絡(luò)科技有限公司是國內(nèi)為數(shù)不多專業(yè)為外貿(mào)企業(yè)提供優(yōu)秀建站與網(wǎng)絡(luò)營銷解決方案的公司之一,已服務(wù)全國上百家優(yōu)秀外貿(mào)企業(yè)。...
Read More什么是谷歌(Google)優(yōu)化? SEO, 英文全稱"Search Engine Optimization", 中文翻譯為“搜索引擎優(yōu)化”。 Google SEO(谷歌優(yōu)化),是針對Google搜索引擎進(jìn)行的“搜索結(jié)果優(yōu)化”,是指根據(jù)Google搜索引擎的搜索排名規(guī)則進(jìn)行網(wǎng)站的規(guī)劃,網(wǎng)頁的設(shè)計(jì),以確保網(wǎng)站從網(wǎng)站框架、程序結(jié)構(gòu)、內(nèi)容編輯、鏈接建設(shè)等盡量符合Google排名規(guī)則,從而使網(wǎng)站或網(wǎng)頁能在Google搜索結(jié)果中獲得比較靠前的排名位置,讓更多的潛在客戶在Google上搜尋產(chǎn)品時(shí),能夠很快地找到相關(guān)網(wǎng)站和網(wǎng)頁,從而獲得更好的谷歌搜索營銷效果。...
Read More????? ??????? ??????? ???????? ?? Google ( Google AdWords ) ??????? ???????: ??????? ??? ????? ????? ?????? ??? Google ?? ???? ????? ??????. ????? ??????? ???? : ?????? ????? ??????? ????????? ????? ?? ????? ??? ??????? ????????? ?????? ?????. ???? ?????? ?? ??????? : ???? ??? ????? ???? ???????? ???...
Read More??? ????? ???? ??????? ???????? ??? ?????? ??????? ??? ???????? ?????? ??????? ?????? ?????????. ???? ?????? ?????? ?????????? ??????? ???????? ????????? ???? ???? ???? Jiesheng Network ????? ???? ??????? ???????? ?????? ??????? ????????? ?? ?????? ????? ????? ??? ??????? ??? ??????? ???????? ??????...
Read More