Wie man die Seitenladegeschwindigkeit verbessert, einschließlich CSS- und jQuery-Dateien

Question

Ich bin neu in HTML und CSS, wenn ich die Seiten auf dem lokalen Server teste, dauert es lange, bis sie geladen sind. Ich frage mich, wie lange es im Internet dauern wird. Ich füge alle Dateien im Tag oben ein, gibt es einen besseren Weg, um die Seitenladung zu verbessern.

Hier ist ein Teil meines Seiten-Codes

        Produkt hinzufügen

       ...
       ...

Answer 1

Der beste Weg ist es, Ihre jQuery-Bibliothek über Google Hosted Libraries zu verlinken

Der Grund ist, dass viele Websites auf Google Hosted Libraries verlinken, was die Möglichkeiten erhöht, dass Ihre Benutzer die Bibliotheken zwischengespeichert haben, wenn sie auf anderen Websites surfen...

Weitere Dinge, die Sie tun können, um das Laden der Seite zu beschleunigen, sind das Minifizieren Ihrer CSS.. Verlinken Sie Skripte mit einer externen .js-Datei, dies erhöht die Chancen auf eine Zwischenspeicherung und der Benutzer benötigt das Skript beim nächsten Mal nicht, es sei denn, es wurde geändert.

Für Icons auf Ihrer Website können Sie Sprites verwenden, eine großartige Möglichkeit, um mehrere HTTP-Anfragen zu speichern

Für Bilder sollten Sie auf anderen Websites hosten

Es gibt noch viele weitere Anpassungen und Verbesserungen, die endlos weitergehen...Versuchen Sie, sie auf Google zu suchen, Sie werden viele finden

Answer 2

• Minimieren Sie Ihre CSS und JS Dateien
• Wenn möglich, vereinheitlichen Sie CSS und JS in größere Dateien (das führt zu einem einzigen Aufruf an den Server)
• Bei jQuery-Problemen: Verwenden Sie Google-Bibliotheken

Dies sind nur die ersten Dinge, die mir in den Sinn gekommen sind... Wie andere Benutzer Ihnen sagen, gibt es Dutzende von Dingen, die Ihre Website verlangsamen können. Sie müssen untersuchen und versuchen genau zu verstehen, wo Ihr Engpass liegt.

Answer 3

Da du dich in einer Entwicklungsumgebung befindest, kann es von deinem IDE / Bereitstellungsmechanismus abhängen. Möglicherweise erlebst du eine Verzögerung bei der Bereitstellung, nicht die tatsächliche Ladezeit! ;)

Außerdem kann der Datenbankzugriff die Dinge etwas verlangsamen, aber keine Sorge, verwende einfach ein Ladeoverlay auf deiner Seite, damit der Benutzer weiß, was passiert!

Answer 4

Beziehen Sie sich auf Yahoo Performance Tipps

1. Verschiebe CSS und JS in separate Dateien & komprimiere CSS und JS
2. Verwenden Sie CSS Image Sprite Techniken
3. Beziehen Sie JS ganz unten kurz vor dem Schließen des body-Tags