InstantShift – Tägliche Ressource für Webdesigner und Entwickler.
In einer stetig wachsenden Umgebung ist es wichtig, dass der Server bei Bedarf seine verantwortungsvolle Rolle spielt. Es gibt jedoch einige Spitzenzeiten, in denen Ihr Server aufgibt oder Sie Ihr gewünschtes Bandbreitenlimit überschreiten. Ein Server könnte aus Dutzenden von Gründen abgestürzt sein, wobei jeder Grund mehrere Möglichkeiten hat, wobei jede Möglichkeit Dutzende von Lösungen für ihre Existenz hat. Dies könnte eine große Menge an Verwirrung für eine kleine Gruppe von Entwicklern auferlegen.
Eines ist uns bei der Verwaltung einiger Websites aufgefallen – in vielen Fällen sind sie nicht die schnellsten Websites im World Wide Web. Während ein Großteil davon auf die Konfiguration des Hostservers zurückzuführen sein kann, werden einige der Leistungsprobleme durch Dinge verursacht, die Sie steuern können.
In diesem Artikel stellen wir Ihnen die besten Tipps vor, um die Serverlast zu reduzieren und Bandbreite für Ihre wachsenden Websites zu sparen.
Es gibt viele Gründe, warum Sie mit Ausfallzeiten der Website konfrontiert werden können. Dies kann am Zustand des Hostservers liegen (wenn es sich beispielsweise um einen gemeinsam genutzten Server handelt, werden die anderen Websites, die auf demselben Server ausgeführt werden, die Dinge definitiv verlangsamen), an Ihrer Website-Konfiguration oder möglicherweise an Ihrem Code. Es ist wichtig, auf Nummer sicher zu gehen.
Es gibt einige Dinge, die Sie beachten müssen, bevor Sie diese Tipps erkunden, dass es oft möglich ist, dass einige der genannten Tipps nicht für Ihre eine bestimmte Website funktionieren, was nicht bedeutet, dass es nicht funktioniert mit einem anderen Ihrer Projekte.
Auch als persönliche Empfehlung, Wenn Sie nach einigen Mainstream-Tipps zur Reduzierung der Serverlast und zur Einsparung von Bandbreite suchen, versuchen Sie, diese Techniken zu verwenden, da wir in der Vergangenheit auch die gewünschten Ergebnisse erzielen konnten.
Die folgenden verwandten Artikel könnten Sie ebenfalls interessieren.
Fühlen Sie sich frei, sich uns anzuschließen, und Sie sind immer willkommen, Ihre Gedanken zu teilen, die unsere Leser hilfreich finden können.
Vergessen Sie nicht, unseren RSS-Feed zu abonnieren und uns auf Twitter zu folgen — für aktuelle Updates.
11 Tipps, um die Serverlast zu reduzieren und Bandbreite zu sparen
01. Verwenden Sie CSS-Text anstelle von Bildern
Bilder verlangsamen Ihre Webseiten und verbrauchen viel Bandbreite Ihres Servers. Verwenden Sie anstelle eines Hintergrundbilds den CSS-Code. Wenn Sie beispielsweise auf Ihrer Website einen einfachen roten Hintergrund verwenden möchten, verwenden Sie den CSS-Code background-color:#F00 anstelle eines red-bg .jpeg. Mit CSS können Sie die Hintergrundfarbe oder das Hintergrundbild eines beliebigen CSS-Elements festlegen.
Dies ist ein schönes Tutorial zu CSS-Tricks.com darüber, wie klug Sie Ihre Hintergrundbilder verwenden können, um die Serverlast zu reduzieren.
02. Optimieren Ihrer Bilder
Mehr als die Hälfte der Bandbreite auf den meisten Websites wird von Bildern verwendet, und das Optimieren von Bildern ist der beste Weg, um die auf Ihrem Webserver verwendete Bandbreite zu verbessern. Optimieren Sie Ihre Bilder für das Internet und verkleinern Sie auch ihre Größe, verwenden Sie niemals Bitmap-Dateien (.bmp), da sie RIESIG sind (meistens in MBs). Sie sollten jpeg verwenden (.jpg) oder gif (.gif) Dateien für Bilder, da diese für das Internet optimiert sind. Eine gute Faustregel ist, dass kein Bild größer als 10 Kb ist. Dies ist besonders schwierig mit Animationen, aber wenn Sie es tun können, werden Sie einen bemerkenswerten Unterschied in der Bandbreite Ihres Servers bemerken. Es gibt verschiedene Bildkonvertierungsprogramme / -software, die im ganzen Internet verfügbar sind, und es gibt auch verschiedene Optimierungsprogramme, stellen Sie sicher, dass Sie ein Optimierungsprogramm erhalten, das in der Lage ist, die Bildqualität beizubehalten und gleichzeitig die Größe drastisch zu reduzieren.
Wenn Sie Photoshop verwenden, können Sie Ihre Bilder mit der Option ‚Für Web & -Geräte speichern‘ (Alt + Umschalt + Strg+S) komprimieren, um sie für minimale Bandbreite zu optimieren. Wenn Sie ein Bild mit vielen Farben haben, sollten Sie sich für JPEG oder PNG entscheiden. Spielen Sie mit der Qualität, um die Dateigröße zu ändern.
Schauen Sie sich die siebte Georgia Tech GVU WWW Umfrage an, wie in „Wie viel ist zu viel“ zitiert.
03. Komprimieren Sie Ihr CSS mit der Abkürzung CSS properties
CSS-Dateien können ziemlich groß sein, mit vielen nutzlosen Pausen und Leerzeichen. CSS Shorthand Eigenschaften sind großartig! Sie sind eine großartige Möglichkeit, die Menge an Code in einem CSS-Dokument zu reduzieren, was schnellere Downloadzeiten und eine einfachere Bearbeitung ermöglicht. Zum Beispiel können Sie
margin: 2px 1px 3px 4px (oben, rechts, unten, links)
… anstelle von
margin-top: 2px;
margin-right: 1px;
margin-bottom: 3px;
margin-left: 4px
Es gibt einen coolen Artikel von webcredible.co.uk über CSS Shorthand Eigenschaften.
Sie können auch den CSS Compressor von arantius.com um die Größe der CSS-Datei und unnötige Pausen und Leerzeichen zu reduzieren.
04. Entfernen Sie unnötigen HTML-Code, Tags und Leerzeichen
Sie können Ihre Seitengröße reduzieren, indem Sie unnötigen Leerraum in Ihren HTML-Dateien entfernen. Unabhängig davon, ob Sie visuelle HTML-Editoren oder Notepad verwenden, enthält Ihr HTML-Code unnötige Elemente: nicht benötigte Leerzeichen, Rückgaben, Meta-Tags, Standardwerte in HTML-Elementen usw. Sie werden Ihre Webseiten größer machen, ohne einen wirklichen Zweck zu erfüllen. Größere Webseiten brauchen länger zum Laden, erhöhen den Datenverkehr Ihres Webservers und verschwenden wertvolle Bandbreite.
Wordoff ist ein einfaches und nützliches Web-Tool, mit dem Sie unnötige Tags und Stile aus HTML-Code entfernen können. Die meisten von uns müssen den HTML-Code in ihrem Arbeitsleben manuell bereinigen. Dieses Web-Tool hilft uns allen in dieser Situation und Sie finden auch, dass es sich lohnt, Lesezeichen zu setzen.
05. Verwenden Sie AJAX- und JavaScript-Bibliotheken
AJAX ist eine Technologie, mit der eine Webseite mithilfe von JavaScript mit einem Server kommunizieren kann, ohne die Seite neu zu laden. Im Allgemeinen bestehen verwandte Seiten auf einer Website aus vielen Inhalten, die zwischen ihnen gemeinsam sind. Mit herkömmlichen Methoden müsste dieser Inhalt bei jeder Anforderung neu geladen werden. Mit Ajax kann eine Webanwendung jedoch nur den Inhalt anfordern, der aktualisiert werden muss, wodurch die Bandbreitennutzung und die Ladezeit drastisch reduziert werden.
Wenn Sie weiter über Techniken lesen möchten, mit denen Sie Ihre Bandbreite sparen können Nutzen Sie die AJAX Libraries API von Google, perishablepress.com veröffentlichte einen Artikel zu diesem Thema.
06. Datei-Hotlinks deaktivieren
Hot Linking Begriff verknüpft Bilder oder Downloads von Ihrer Website mit anderen Websites. Grundsätzlich befinden sich die Bilder auf Ihrer Website und andere Websites verknüpfen nur Bild-Tags mit Ihrer Website, wodurch Ihre Bandbreite gestohlen wird. Wenn Leute auf Ihre Bilddateien ‚hotlinken‘, verwenden sie Ihre Bandbreite, für die Sie letztendlich bezahlen werden.
Sie können dies verhindern, indem Sie ein ‚ setzen.htaccess-Datei in dem Ordner, in dem Ihre Bilder gespeichert sind. Dadurch können nur Anfragen von Ihren eigenen Seiten die Bilder anzeigen – jeder, der von außerhalb Ihrer Website oder einer von Ihnen ausgewählten Website darauf verlinkt, hat das ‚rote x‘ anstelle des Bildes.
RewriteEngine Auf
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(.*\.)?yourserver.com
RewriteRule \.(jpeg/jpeg/gif/png)$ –
altlab.com schrieb ein schönes Tutorial, um Hotlinking mit dem zu verhindern.htaccess-Datei.
Sie können auch verwenden .htaccess Generator zum Deaktivieren von Hotlinking von HTMLBasix.
07. Komprimieren Sie HTML und PHP mit GZip
Genau wie das CSS kann Ihr HTML viele Leerzeichen und nutzlose Umbrüche enthalten. Wenn Sie PHP verwenden, können Sie mod_gzip für Apache verwenden, um Ihren Inhalt zu komprimieren. Mod_gzip ist ein Modul für Apache (das sowohl in Windows- als auch in Unix / Linux-Versionen von Apache vorhanden ist), das die Größe einer Webseite im laufenden Betrieb erheblich verringern kann, wenn es von einem Browser angefordert wird, der komprimierten Inhalt verstehen kann (fast alle modernen Browser unterstützen Komprimierung). Denken Sie daran, das Tolle ist, dass die Komprimierung auf dem Server nur aktiviert wird, wenn der Browser komprimierten Inhalt anfordert, falls der Browser komprimierten Inhalt nicht versteht oder nicht danach fragt, der Server einfach nur einfachen, unkomprimierten Inhalt!
Der einfachste Weg ist die Verwendung von a.htaccess-Datei. Ich würde empfehlen, mit .htaccess-Methode, weil es sehr einfach zu implementieren und durch .htaccess-Datei können Sie weitere Serverkonfigurationen konfigurieren. Um nun die GZIP-Komprimierung zu aktivieren, fügen Sie die folgende Zeile zu Ihrem hinzu.htaccess-Datei.
php_value output_handler ob_gzhandler
Oder Sie können einfügen Damit die PHP-Komprimierung funktioniert, sollten Sie die folgende Zeile in die Kopfzeile Ihrer Webseiten oben auf Ihrer Seite einfügen:
< ? ob_start(„ob_gzhandler“);?>
webcodingtech.com schrieb ein Tutorial zum Aktivieren der GZIP-Komprimierung.
08. Verwenden Sie kostenlose Bilder / Datei-Webhosting-Website, um Ihre Dateien zu hosten
Wenn Sie (große) Dateien freigeben und Ihre Bandbreite nicht dadurch beeinträchtigen möchten, hosten Sie die Datei auf kostenlosen oder kostenpflichtigen Bild- / Datei-Hosting-Websites wie Flickr, Pikasa, PhotoBucket, ImageShack, rapidshare.com und megaupload.com . Hosten Sie die Datei und platzieren Sie den Download-Link auf Ihrem eigenen Blog oder Ihrer eigenen Website. Dies spart enorm viel Bandbreite auf Ihrem Server. Bevor Sie dies tun, stellen Sie jedoch sicher, dass Sie von Ihrem Dienstanbieter dazu berechtigt sind.
09. Vermeiden Sie Anhänge, wann immer möglich
Wenn sich die Datei, die Sie auf Ihrem Server hosten möchten, an anderer Stelle im Internet befindet, ist es möglicherweise besser, den Link dieses Speicherorts zu verwenden, als eine Kopie der Datei selbst auf Ihrem Server zu hosten. Es kostet Sie ohne Zweifel zusätzliche Bandbreite, erhöht aber auch die Serverlast. Wenn nichts anderes, wird dies Ihnen einige Zeit sparen, weil Sie keine Datei auf Ihrem System hochladen müssen.
10. Webseiten-Caching
Caching ist eine Methode zum Abrufen von Daten aus einem fertigen Speicher (Cache), anstatt Ressourcen zu verwenden, um sie jedes Mal zu generieren, wenn dieselben Informationen benötigt werden. Wenn Sie das Caching auf Ihrer Website aktivieren, wenn es nicht dynamisch ist, kann der Computer des Endbenutzers ab und zu von Ihrem Server lesen, den Rest der Zeit liest er von seinen eigenen Sicherungskopien, bis sie ablaufen. Eine weitere gute Idee ist es, Ihre Website zwischenzuspeichern, aber Sie möchten möglicherweise ein Ablaufdatum in den HTTP-Headern festlegen, damit expire-Header dem Browser mitteilen, wie lange der Inhalt im Cache gespeichert werden soll. Die meisten Bilder auf Ihrer Website ändern sich nie und es ist eine gute Idee, sie lokal zwischenzuspeichern.
Caching mit mod_headers
# 1 JAHR
<filesmatch „\.(flv/ico/pdf/avi/mov|ppt/doc/mp3/wmv/wav)$“=““>
Header setzen Cache-Control „max-age=29030400, öffentlich“
</filesmatch>
# 1 WOCHE
<filesmatch „\.(jpg/jpeg/png/gif/swf)$“=““>
Header setzen Cache-Control „max-age=604800, öffentlich“
</filesmatch>
# 3 STUNDE
<filesmatch „\.(txt/xml/js/css)$“=““>
Header setzen Cache-Control „max-Alter=10800“
</ filesmatch>
# NIE CACHE
<filesmatch „\.(html|htm|php|cgi|pl)$“=““>
Header set Cache-Control „max-age=0, private, no-store, no-cache, must-revalidate“
</filesmatch>
Caching with mod_expires
ExpiresActive On
ExpiresDefault A0
# 1 YEAR
<filesmatch „\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$“=““>
ExpiresDefault A9030400
</filesmatch>
# 1 WEEK
<filesmatch „\.(jpg|jpeg|png|gif|swf)$“=““>
ExpiresDefault A604800
</filesmatch>
# 3 HOUR
<filesmatch „\.(txt/xml/js/css)$“=““>
ExpiresDefault A10800″
</Dateiübereinstimmung>
11. Cache-RSS-Feeds
RSS oder Really Simple Syndication, wie es allgemein bekannt ist, ist eine Technologie, mit der Webmaster syndizierte Inhalte einfach im Internet verteilen und veröffentlichen können. Sobald der Feed zwischengespeichert ist, wird er für eine bestimmte Zeit von der lokalen Festplatte gelesen. Nach Ablauf der angegebenen Zeit wird der RSS-Feed erneut abgerufen. Dadurch bleibt der Inhalt des angezeigten RSS-Feeds aktuell und der gesamte Prozess wird beschleunigt. Cache RSS-Feeds reduzieren die Bandbreitennutzung. Die Bandbreite wird reduziert, da der Webserver nicht wiederholt denselben RSS-Feed von Ihrem Server abrufen muss.
Fazit
Wenn Sie eine stark frequentierte Website, einen Blog oder eine Bildergalerie erstellen möchten, schalten Sie nicht nur Ihren Webhost weiter, sondern verbringen Sie etwas mehr Zeit damit, Ihre Website und Ihren Server zu optimieren. Denn wenn Sie dies nicht tun, werden Sie bald nach einem neuen und größeren Webhost für Ihre Website suchen. Es wird zwar immer empfohlen, einen guten und schnellen Host zu verwenden, aber durch die Anwendung dieser Techniken sparen Sie in kürzester Zeit viel Serverlast und Bandbreite.
Wir haben etwas verpasst?
Haben Sie weitere bandbreitensparende Techniken, die nicht auf dieser Liste stehen? Fühlen Sie sich frei, sie mit unseren Lesern zu teilen.