So erhöhen Sie die Ladegeschwindigkeit von HTML-Seiten

So erhöhen Sie die Ladegeschwindigkeit von HTML-Seiten

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

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

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

(4) Definieren Sie den Zeichensatz.

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

Schreiben Sie dies in HTML:

 <a href="javascript:;" class="triggerName">Auslöser</a>

js wird wie folgt definiert:

 $("#triggerName").klick(function(e){
            e.preventDefault(); //Storniert die Standardaktion des Klickereignisses, um zu verhindern, dass der Link springt//
        })

(6) Aktivieren Sie die GZIP-Komprimierung.

(7) Verzichten Sie auf CSS-Ausdrücke und verwenden Sie effizientere CSS-Selektoren;

(8) Verwenden Sie externes CSS und JavaScript;

(9) Komprimieren Sie CSS- und JavaScript-Code;

(10) Reduzieren Sie das Neuzeichnen.

Oben ist die HTML-Methode, die ich Ihnen vorgestellt habe, um die Seitenladegeschwindigkeit zu erhöhen. Ich hoffe, sie wird Ihnen helfen. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und ich werde Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken!

<<:  So implementieren Sie Bildmapping mit CSS

>>:  Zusammenfassung des Prozesses und der häufigsten Probleme beim Verbinden von VS2019 mit einer MySQL-Datenbank

Artikel empfehlen

Detaillierte Erklärung der Rolle des neuen Operators in Js

Vorwort Js ist heutzutage die am häufigsten verwe...

MySQL-Löschfunktion für Mehrfachtabellenverbindungen

Löschen einer einzelnen Tabelle: LÖSCHEN AUS Tabe...

JavaScript-Timer zur Realisierung einer zeitlich begrenzten Flash-Sale-Funktion

In diesem Artikel wird der spezifische JavaScript...

Ubuntu 16.04 mysql5.7.17 öffnet Remote-Port 3306

Aktivieren Sie den Remotezugriff auf MySQL MySQL-...

Installation und Konfiguration von MySQL 8.0.15 unter Centos7

In diesem Artikel finden Sie das grafische Tutori...

Beispiele für vertikale Raster und progressiven Zeilenabstand

Neue Fragen Kommen und gehen Sie in Eile. Seit de...

my.cnf (my.ini) wichtige Parameteroptimierungs-Konfigurationsanweisungen

MyISAM-Speicher-Engine Die MyISAM-Speicher-Engine...

CSS zum Erzielen des Skeleton Screen-Effekts

Beim Laden von Netzwerkdaten wird zur Verbesserun...

Durchführung der lokalen Migration von Docker-Images

Ich habe vor Kurzem Docker gelernt und stoße dabe...

Lösung für den MySQL-Root-Passwortfehler Nummer 1045

MySQL-Dienst stoppen Klicken Sie in Windows mit d...

Tutorial zum Bereitstellen von LNMP und Aktivieren des HTTPS-Dienstes

Was ist LNMP: Linux+Nginx+Mysql+(php-fpm,php-mysq...

So vergessen Sie das Root-Passwort in Mysql8.0.13 unter Windows 10

1. Stoppen Sie zuerst den MySQL-Dienst Öffnen Sie...