Heim  >  Artikel  >  Web-Frontend  >  So verbessern Sie die Seitenladegeschwindigkeit in HTML

So verbessern Sie die Seitenladegeschwindigkeit in HTML

王林
王林nach vorne
2020-03-11 17:32:002403Durchsuche

So verbessern Sie die Seitenladegeschwindigkeit in HTML

(1) Reduzieren Sie HTTP-Anfragen. (Ressourcendateien zusammenführen und Bild-Sprites verwenden);

(2) Fügen Sie CSS am Kopf und JavaScript am Ende des Body-Tags ein.

(3) Definieren Sie die Breite und Höhe des image;

(4) Zeichensatz definieren;

(Empfohlenes Tutorial: HTML-Einführungs-Tutorial)

(5) Vermeiden Sie leere src- und href-Attribute ,

Schreiben Sie so in HTML:

<a href="javascript:;" class="triggerName">Trigger</a>

Definieren Sie so in js:

$("#triggerName").click(function(e){
          e.preventDefault(); // 取消单击事件的默认动作以阻止链接的跳转//
      })

(6) Aktivieren Sie die GZIP-Komprimierung;

(7) Verwerfen CSS-Ausdrücke: Verwenden Sie effizientere CSS-Selektoren. (8) Verwenden Sie CSS und JavaScript für externe Links. (9) Codekomprimierung für CSS und JavaScript. Neuzeichnen reduzieren;

Empfohlene verwandte Video-Tutorials:

HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo verbessern Sie die Seitenladegeschwindigkeit in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:jb51.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen