Heim >Web-Frontend >HTML-Tutorial >HTML-Tipps zur Verbesserung der Seitenladegeschwindigkeit

HTML-Tipps zur Verbesserung der Seitenladegeschwindigkeit

高洛峰
高洛峰Original
2017-03-11 11:46:271511Durchsuche

Dieser Artikel zeigt Ihnen, wie Sie die Seitenladegeschwindigkeit von HTML verbessern können. Er ist sehr gut und verfügt über Referenzladevorgänge.

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

(2) CSS am Kopf und JavaScript am Ende des Body-Tags einfügen;

(3) Breite und Höhe des Bildes definieren ;

(4) Definieren Sie den Zeichensatz;

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

Schreiben Sie so in HTML:


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

Dies ist in js definiert:


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

(6) GZIP-Komprimierung aktivieren

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

Die oben genannte HTML-Methode dient der Verbesserung der Seitenladegeschwindigkeit. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht Ich werde allen zeitnah antworten. Vielen Dank für Ihre Unterstützung der Script House-Website

Das obige ist der detaillierte Inhalt vonHTML-Tipps zur Verbesserung der Seitenladegeschwindigkeit. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn