400-123-4567

新聞資訊

< 返回列表當前位置：首頁 > 新聞資訊 > 行業(yè)資訊 > 網(wǎng)站資訊

清理垃圾代碼及 HTML 標簽轉(zhuǎn)換，優(yōu)化頁面體積與布局,婁底網(wǎng)站建設(shè)優(yōu)化技術(shù)發(fā)布日期：2024-11-17 00:00:00 瀏覽次數(shù)：

1.清理垃圾代碼

清理垃圾代碼意味著從頁面中刪除多余的代碼。能夠刪除80%的冗余代碼。

垃圾代碼主要是指刪除后不會對頁面產(chǎn)生任何影響的不必要的代碼。最常見的垃圾代碼?？崭?空格字符是網(wǎng)頁上最常見的垃圾代碼。

但它不是指標簽，而是指在代碼編輯環(huán)境中按空格生成的符號。也就是說，每個空格相當于一個字符。一頁。空白占頁面大小的 15%。 100K 頁中，15K 是空格字符?？崭褡址畛３霈F(xiàn)在代碼的開頭和結(jié)尾。還有空行。這些都是 easy 生成垃圾代碼的地方。消除這種垃圾代碼的方法是選中該代碼，按shift+tab左對齊。

2.HTML標簽

A：HTML標簽轉(zhuǎn)換

HTML標簽的轉(zhuǎn)換主要是指用短標簽來代替網(wǎng)頁中具有相同效果的長標簽。例如，它們都將字體設(shè)為粗體，但多了 5 個字符。假設(shè)頁面上有數(shù)百個粗體標簽。

會產(chǎn)生很多冗余代碼。

解決辦法是：制作html頁面時。優(yōu)化要使用的標簽的選擇。

B：標題標簽

網(wǎng)站標題標題設(shè)置

關(guān)鍵子設(shè)置，考慮密度

站點描述敘述設(shè)置，考慮密度

C：表格、表格等容器形式的標簽

當瀏覽器編譯器遇到標簽時，它開始尋找它的結(jié)束標簽。直到匹配，才可以顯示其內(nèi)容。因此，當table、ur等容器形式的嵌套標簽較多時，打開頁面會特別慢。，這降低了用戶體驗。

解決方案：編寫HTML時：盡量讓各個容器獨立。當假設(shè)嵌套時，一定要使其清晰簡單。

D: 圖片 ait 標簽

必須寫alt

E：合理=“”

合理且不頻繁的使用“”可以在一定程度上給網(wǎng)站帶來迂回的流量和點擊。同時。在細節(jié)中使用“”可以增強網(wǎng)站的整體用戶體驗。

3.CSS優(yōu)化

A：CSS的調(diào)用方式有3種

1、頁面之間直接編寫css樣式。假設(shè)內(nèi)容較少，不會有太大影響。否則會大大增加頁面的大小。在高層也占據(jù)著重要的地位。

2.直接在html標簽上定義css樣式。向頁面添加代碼量。

3、通過這三種方式引用外部css文件。最有利于SEO優(yōu)化的是3，就是引用css文件

B：使用重置但不使用全局重置

不同瀏覽器元素的默認屬性是不同的。使用 Reset 可以重置瀏覽器元素的一些默認屬性。以實現(xiàn)瀏覽器兼容性。

但需要注意的是，請不要使用全局 Reset，*{:0;:0;} 這不僅是因為它是一種緩慢且低效的方法，而且還會導(dǎo)致一些不必要的元素重置其邊距和內(nèi)邊距。邊距。

<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre><code class="language-css">/** 清除內(nèi)外邊距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 結(jié)構(gòu)元素 */ dl, dt, dd, ul, ol, li, pre,form, fieldset, legend, button, input,