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

HTML-Tipps zur Verbesserung der Seitenladegeschwindigkeit

高洛峰
Freigeben: 2017-03-11 11:46:27
Original
1500 Leute haben es durchsucht

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>
Nach dem Login kopieren

Dies ist in js definiert:


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

(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!

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage