Direkter indizierter Link zur Website- dies ist ein Link, der nicht durch das Verbot von HTML-Tags und/oder Attributen geschlossen ist, und auch ohne Weiterleitungen (Redirects). Wenn Sie sich beispielsweise entscheiden, einen Link zu meiner Website auf Ihrer Website / Ihrem Blog zu platzieren, ist es ratsam, diese nicht vor Suchrobotern mit dem nofollow-Verbotsattribut zu schließen. Wenn Sie sich entscheiden, auf eine meiner Seiten zu verlinken, öffnen Sie bitte den Link zur Indexierung. Für direkte indizierte Links zu meiner Seite wäre ich dankbar.
Wenn Ihre Website/Ihr Blog von dieser Website geliehene Grafik-/Textinhalte oder Fragmente/Zitate verwendet, sollte der Link zur Website ohne Verbotsattribute und/oder Weiterleitungen sein.
Was ist TFP und FTP, was ist der Unterschied?
Die Abkürzungen TFP und FTP haben nichts gemeinsam. Das einzige, was sie verbindet, ist nur die Konsonanz der Aussprache, die jemanden verwirren kann.
TFP - (Druckzeit), bedeutet übersetzt "Zeit für Ausdrucke". Dieser Begriff wird von Fotografen und Models verwendet. TFP ist eine Art Währung, die von der Fotoindustrie verwendet wird. TFP ist in der Regel durch eine Vereinbarung zwischen Model und Fotograf abgesichert, um allerlei Ärger mit Urheberrechten etc. zu vermeiden.
Wenn ein Model TFP zustimmt, bedeutet dies, dass es bereit ist, für eine bestimmte Zeit kostenlos zu arbeiten, und für die Arbeit erhält es seine Fotos (alle oder einige, mit oder ohne Bearbeitung).
Jetzt über FTP.
FTP (Dateiübertragungsprotokoll) ist ein Dateiübertragungsprotokoll, das von Webentwicklern und anderen verwendet wird. Um mit einem Server über dieses Protokoll zu arbeiten, wird ein FTP-Client verwendet - dies ist ein Programm, das direkt mit einem FTP-Server arbeitet.
Das FTP-Protokoll wird verwendet, um Netzwerkdokumente wie HTML, PHP, CSS, JPEG usw. vom privaten Gerät des Entwicklers auf den Hosting-Server zu übertragen. Dasselbe Protokoll wird verwendet, um Netzwerkdokumente von einem Server auf das private Gerät eines Entwicklers herunterzuladen.
Was ist eine Dateierweiterung?
Dateierweiterung, oder besser gesagt, die Dateinamenerweiterung ist eine Folge bestimmter Zeichen, die dem Namen einer Datei hinzugefügt werden. Diese Symbole sollen den Typ oder, wie sie sagen, das Format der Datei identifizieren. Eine Dateinamenerweiterung ist nichts anderes als eine Kombination aus Buchstaben und/oder Zahlen, die nach dem letzten Punkt in einem Dateinamen steht, wie z. B. fotograf.gif, wobei „fotograf“ der Dateiname und „.gif“ die Erweiterung ist. Es gibt eine große Anzahl von Dateierweiterungen, aber alle folgen bestimmten Standards und Anwendungen. Aber wenn Sie Ihre eigene Originalerweiterung für eine Datei haben möchten, zum Beispiel Dateiname.fotograf, bitte, kein Problem! Aber Windows kann eine solche Datei nicht öffnen, wenn auf Ihrem Computer kein entsprechendes Programm vorhanden ist, das diese Erweiterung erkennt. Wenn Sie beispielsweise eine Datei mit der Erweiterung .gif im Windows-Betriebssystem öffnen möchten, kennt dieses Betriebssystem diese Erweiterung und öffnet ein Bild. Wenn Sie jedoch eine Datei mit der Erweiterung .fotograf öffnen möchten, wird eine solche Datei nicht geöffnet, da Windows mit einer solchen Erweiterung nicht vertraut ist. Eine Datei mit dieser Erweiterung kann in einer Anwendung geöffnet werden, die diese Erweiterung unterstützt.
Was ist eine Visitenkartenseite, was gibt es?
Website für Visitenkarten ist eine Website, deren Hauptzweck darin besteht, der Öffentlichkeit Informationen über ein Unternehmen oder eine Person bereitzustellen. Eine solche Site besteht in der Regel aus einer kleinen Anzahl statischer oder dynamischer Seiten.
Visitenkartenseiten sollten grundlegende Informationen über das Unternehmen/die Einzelperson, die von ihm hergestellten Waren und Informationen über seine Dienstleistungen enthalten. Das können Seiten mit Preislisten, Kontaktdaten und natürlich mit einem Feedback-Formular sein. Die Visitenkarten-Site eines Fotografen unterscheidet sich in der Regel von anderen ähnlichen Sites durch ihr exquisites Design und eine Fülle von Fotos. Die Website des Fotografen muss sein Portfolio und seine Kontakte enthalten. In letzter Zeit findet man immer häufiger Visitenkartenseiten, deren Seiten teilweise auf FLASH-Technologie oder komplett auf FLASH aufgebaut sind.
FLASH-Websites sehen gut aus, aber solche Seiten werden heute von Suchmaschinen sehr schlecht oder gar nicht indexiert.
Was ist eine dynamische Webseite / Website?
Dynamische Webseite- Dies ist eine Seite, auf der Inhalte oder Teile davon in Echtzeit ohne zusätzliche Gesten generiert (geändert) werden können. Für dynamisch verlinkte Seiten wird eine sogenannte Engine verwendet - CMS (Content Management System).
Wie es funktioniert? Beispielsweise existiert die Seite, die Sie gerade in Ihrem Browserfenster sehen, als solche nicht. Es wird aus separaten Teilen (Vorlagen) zusammengesetzt, die der Server zu einem zusammenfügt. Das heißt, wenn eine Seite aufgerufen wird, verarbeitet der Webserver die Anfrage und sammelt sofort „on the fly“ die Webseite aus einzelnen Teilen und gibt sie uns zur Ansicht im Browser. Lediglich der Inhalt der Seite ändert sich, während die Seitenvorlage gleich bleibt.
Stellen Sie sich einen Schrank vor, der mehrere Regale mit verschiedenen Dingen hat. Auf einem Regal befinden sich Textinhalte (Datenbank), auf dem anderen - Grafikdateien (Fotos, Grafikdesignelemente), auf dem dritten - Skripte (z. B. PHP-Skripte), auf dem vierten - CSS-Stile und so weiter ... Wenn der Server also eine Anfrage für diesen oder jenen Inhalt erhält, weiß er, wo sich alles befindet, und setzt die Seite für uns schnell aus den erforderlichen Teilen zusammen: Er nimmt die erforderlichen Textinhalte aus der Datenbank, die erforderlichen Grafikdateien aus dem Regal mit Grafiken usw. Durch die Änderung eines Teils der Vorlage an einer Stelle werden diese Änderungen auf alle Seiten der Website angewendet.
Was ist eine statische Webseite / Website?
Statische Webseite ist ein Webdokument, das sich auf dem Server in der Form befindet, wie es der Benutzer in seinem Browser sieht. Das heißt, ein solches Dokument wird nicht aus einzelnen Teilen (Templates) zusammengesetzt, sondern liegt so wie es ist in zusammengesetzter Form auf dem Server und wird in einer Datei mit daran angeschlossenen CSS-Stilen und/oder Skripten vom Server geladen.
Um den Inhalt eines solchen Dokuments zu ändern, muss es zuerst auf einem funktionierenden Computer in einem HTML-Editor bearbeitet und dann erneut auf den Server hochgeladen (hochgeladen) werden. Um einen Teil des Designs zu ändern oder beispielsweise einen Navigationsmenüpunkt hinzuzufügen / zu entfernen, müssen alle Seiten der Website geändert (geändert) werden.
Webdesigner und Webprogrammierer, was ist der Unterschied?
Ein Webdesigner und ein Webprogrammierer arbeiten im selben Bereich, erfüllen jedoch unterschiedliche Aufgaben. Ein Webdesigner befasst sich mit dem Prototyping des Seitendesigns, der Entwicklung einer Website-Designvorlage, der Erstellung eines Grafikdesignlayouts, dem Schneiden und Optimieren in einzelne Fragmente, der Auswahl von Schriftarten und Farben. Ein Webdesigner kann sich mit dem Layout der Seiten der Website befassen, dies gehört jedoch nicht zu seinen Aufgaben, dafür gibt es speziell ausgebildete Personen - Layoutdesigner.
Wer ist ein Webprogrammierer?
Ein Webprogrammierer oder besser gesagt ein Webentwickler (Serverentwickler) ist eine Person, die spezielle Webanwendungen entwickelt und Skripte in verschiedenen Programmiersprachen für bestimmte Module von Webseiten schreibt.
Fazit: Damit die Website sowohl schön als auch funktional ist, werden dafür sowohl ein Webdesigner als auch ein Webprogrammierer benötigt. Und damit die Seite auch benutzerfreundlich ist, ist es hier notwendig
Unter Website-Promotion (Promotion) versteht man die Förderung einer Website an die Spitze der Suchergebnisse für bestimmte Schlüsselwörter in den Suchmaschinen Google, Yandex usw.
Top-Suchergebnisse- Dies ist die erste Seite der Suchmaschinen-Website mit den ersten 10 Links zu Websites. Um diese 10 Positionen gibt es einen unversöhnlichen Kampf zwischen Seiten des gleichen Themas. Laut Statistik sammeln die Websites, die an der Spitze der Spitze stehen (sie belegen die ersten drei Positionen), die meisten Besucher. Um an dieser Spitze zu sein, zahlen einige Ressourcen viel Geld. Aber es reicht nicht, dort zu sein, man muss dort bleiben, und das führt zu einem ständigen Kampf nicht nur unter großen SEO-Unternehmen, sondern auch unter Privaten
Ist es nicht wunderbar, eine Website mit eigenen Händen erstellen und pflegen zu können, ohne jemanden um Hilfe bitten zu müssen? Neben der Geldersparnis (schließlich kosten Webentwicklungsdienste viel) können Sie so viele Aufgaben selbstständig lösen: Erstellen einer persönlichen Webseite, einer Unternehmenswebsite, eines Online-Shops, Umsetzen interessanter Projekte - dies ist keine vollständige Liste dessen, was eine Person tun kann, die sich mit Webentwicklungstechnologien auskennt.
Nach der Lektüre dieses Buches erfahren Sie, was eine moderne Website ist, wie ihr Konzept entwickelt wird, was Hosting und ein Domainname sind, wie sich eine statische Website von einer dynamischen unterscheidet, wie Website-Inhalte aufgebaut sind, warum ihre Optimierung erforderlich ist , und viel mehr Freund. Sie lernen, Webseiten mit der HTML-Hypertext-Auszeichnungssprache selbst zu programmieren, und lernen im Detail Softwareprodukte kennen, die speziell für Webentwickler entwickelt wurden und mit denen Sie mit minimalem Zeit- und Arbeitsaufwand automatisch eine vollwertige Website erstellen können .
Der einfache, zugängliche Präsentationsstil sowie eine Vielzahl an anschaulichen Illustrationen und praktischen Beispielen machen das Studium dieses Buches zu einem spannenden Prozess, dessen Ergebnis die Fähigkeit sein wird, schnell eine attraktive moderne Webressource zu erstellen und zu performen alle notwendigen Maßnahmen für seine Wartung, Instandhaltung und Optimierung.
Buch:
Konzept der statischen und dynamischen Webseite
Zuvor haben wir kurz darüber gesprochen, was statische und dynamische Webseiten sind. In diesem Abschnitt gehen wir näher auf dieses Thema ein.
Der Name einer statischen Seite spricht für sich: Eine solche Seite präsentiert statische, dauerhafte und unveränderliche Informationen. Vielmehr können Sie ihn ändern, müssen dafür aber entsprechende Anpassungen am Programmcode der Seite vornehmen.
Typischerweise ist eine statische Auslagerungsdatei im HTML-Format. Der Webentwickler schreibt den HTML-Code, um den Inhalt der Website zu bilden, die Datei erhält einen Namen, danach wird die Seite auf den Webserver hochgeladen und steht den Internetbenutzern zur Verfügung. Auf einer Unternehmenswebsite kann eine statische Seite beispielsweise Informationen über die Geschichte des Unternehmens, seine Hauptaktivitäten usw. enthalten. Beachten Sie, dass Sie Ihre ersten Erfahrungen im Bereich der Webentwicklung mit der Erstellung statischer Webseiten beginnen sollten. Darauf gehen wir im Kapitel über die Grundlagen der Webprogrammierung mit der Sprache HTML näher ein.
HINWEIS
Die Adresse einer in HTML geschriebenen Seite endet mit den Zeichen nach dem Punkt.
Der grundlegende Unterschied zwischen einer dynamischen und einer statischen Webseite besteht darin, dass ihr Inhalt nicht konstant ist, sondern sich ändern kann. Es wird nach den Wünschen des Benutzers gebildet, oder besser gesagt, auf der Grundlage von Anfragen, die von Besuchern erstellt und an den Webserver gesendet werden. Wie bereits erwähnt, ist das typischste Beispiel für eine dynamische Webseite eine Seite mit Suchergebnissen, die von einer Suchmaschine (derselben www.google.ru) basierend auf einer vom Benutzer gesendeten Suchanfrage ausgegeben werden. Ein weiteres typisches Beispiel für die Nutzung von Webseiten sind Online-Shops: Über Optionen gibt ein Besucher an, für welches Produkt und mit welchen Eigenschaften er sich interessiert, sendet eine Anfrage (der entsprechende Button ist normalerweise dafür vorgesehen - usw.) und nach ein paar von Sekunden zeigt eine Liste von Produkten an, die die angegebenen Kriterien erfüllen. Darüber hinaus haben dynamische Seiten die breiteste Anwendung in anderen Sites mit verschiedenen Zwecken und Richtungen.
Dynamische Seiten können auch mit der HTML-Sprache erstellt werden, aber eine andere Sprache, PHP, ist dafür besser geeignet (vor allem wegen ihrer breiteren Funktionalität). Dementsprechend ist das Format der Seitendatei nicht mehr HTML, sondern PHP, und ihre Internetadresse endet mit den Zeichen nach dem Punkt.
Computer, die weltweit permanent mit dem Internet verbunden sind und Websites hosten, werden aufgerufen Server(aus dem Englischen Dienen dienen, dienen. Die Software, die Webseiten an das World Wide Web sendet, wird auch als Server oder Server bezeichnet web-Server.
Regelmäßig unveränderlich ( statisch) Webseiten werden in Form von vorgefertigten HTML-Dateien in Serververzeichnissen gespeichert. Die Arbeit des Webservers besteht in diesem Fall lediglich darin, die erforderlichen Dateien als Antwort auf Anfragen an den Browser zu übertragen:
Wenn die Anfrage nicht erfüllt werden kann, gibt der Webserver einen bestimmten Fehlercode zurück (z. B. Code 404 – Datei nicht gefunden oder 403 – Zugriff verweigert).
Der Browser wiederum zeigt die Seite nach den Regeln der HTML-Sprache an und reagiert auf die Aktionen des Benutzers, wenn er auf Hyperlinks klickt. HTML und CSS beschreiben nur den Inhalt von Webseiten und deren Aussehen. Alle Seiten einer solchen Site müssen im Voraus erstellt werden, und um ihren Inhalt zu ändern, ist es notwendig, den Code der Seiten neu zu schreiben und die Site erneut zu laden.
Derzeit gibt es eine große Anzahl von Webservern, aber der beliebteste ist Apache, das zu freier Software gehört und Ihnen die Interaktion mit vielen Betriebssystemen ermöglicht.
Dynamischweb-Seiten
Einschränkungen für statische Webseiten wurden entfernt dynamisch Webseiten. Die Seiten solcher Sites können Inhalt und Design dynamisch ändern. Darüber hinaus können Sie interaktive Dokumente und Webanwendungen erstellen, die in Echtzeit mit dem Benutzer interagieren.
Beim Aufruf dynamischer Seiten läuft der Webserver Skriptprogramm(auch genannt Skript--Skript), die in einer Programmiersprache geschrieben ist. Dieses Skript generiert abhängig von den Anfrageparametern die HTML-Seite, die an den Browser übermittelt und angezeigt wird. Gleichzeitig werden keine zusätzlichen Anforderungen an den Browser des Benutzers gestellt, es kann jeder sein, die gesamte Last zum Erstellen dynamischer Seiten fällt auf den Server. Der Browser arbeitet immer noch mit vorgefertigten Webseiten, der einzige Unterschied besteht darin, dass deren Inhalt für jeden Seitenbesucher separat generiert wird.
Serverskripte notwendig beim Erstellen von Suchmaschinen, Foren, Online-Shops, Nachrichtenseiten, E-Mail-Diensten und vielen anderen
Fälle. Sie können Skripte auch verwenden, um Bilder und Animationen zu generieren, E-Mails zu erstellen und mehr.
Skripte in der SprachePHP
Serverskripte können in verschiedenen Programmiersprachen geschrieben werden, aber häufiger werden zu diesem Zweck Sprachen verwendet, die speziell dafür entwickelt wurden: PERL (Practical Extraction and Report Language - eine praktische Sprache zum Erstellen von Beispielen und Berichten) und PHP (Hypertext Preprocessor - Hypertext Preprocessor).
Die PHP-Sprache steht heute aufgrund ihrer großen Funktionalität und vergleichsweise einfachen Erlernbarkeit an erster Stelle der Popularität. Einige Betriebssysteme wie Linux enthalten bereits PHP. Unter Windows müssen Sie die entsprechende Software manuell herunterladen und installieren.
Wie sie arbeitenphp-Seiten
Wenn ein Browser eine PHP-Seite anfordert (d. h. eine von einem PHP-Skript generierte Seite), leitet der Webserver die Anforderung wiederum an den PHP-Prozessor weiter, der die Seitendatei liest. Handelt es sich bei dieser Datei um ein Skript (php-Programm *.php), so werden die Anweisungen dieses Skripts ausgeführt und die notwendige Seite im Speicher des Webservers gebildet, die schließlich an den Browser übermittelt wird. Darüber hinaus kann dieselbe Datei dieser Seite je nach Anfrage unterschiedliche Informationen enthalten.
Der Hauptzweck eines PHP-Skripts besteht also darin, HTML-Seiten zu generieren. In diesem Fall kann eine Abfrage an die Datenbank erfolgen, die alle notwendigen Informationen speichert.
Wir setzen den Zyklus von Veröffentlichungen über statische Sites basierend auf unserem Cloud-Speicher fort (siehe frühere Veröffentlichungen und). Heute werden wir ausführlich die Fragen ihrer Feinabstimmung und Optimierung erörtern.
Das Hauptkriterium für die hervorragende Arbeit der Seite aus Sicht des Benutzers ist natürlich die Ladegeschwindigkeit der Komponenten. Wenn die Seite aus dem einen oder anderen Grund zu lange zum Laden braucht, führt dies unweigerlich zum Verlust von Besuchern, die des Wartens müde werden. Um die Website schnell und bequem zu machen, müssen Sie an ihrer Optimierung arbeiten.
Wir haben bereits über die Verbindung zu unserem CDN-Cloud-Speicher von Akamai geschrieben. Das CDN speichert alle statischen Inhalte (Bilder, Textdateien, JS, CSS usw.) auf weltweit verteilten Caching-Servern (siehe Karte).Beim Zugriff auf eine Webseite oder deren Ressourcen wird die Anfrage vom geografisch nächstgelegenen Caching-Server des Clients verarbeitet. Die Verwendung eines CDN hilft, die Ladegeschwindigkeit der Website sowohl für Desktop- als auch für mobile Geräte zu erhöhen.
Standardmäßig werden alle Daten für 24 Stunden im CDN zwischengespeichert. Kürzlich wurde dem Repository eine neue Funktion hinzugefügt, mit der Sie den CDN-Cache jederzeit löschen können:
Gehen Sie dazu einfach auf die in der Abbildung gezeigte Registerkarte und geben Sie in das Formular die Adressen der Seiten ein, deren Cache Sie löschen möchten. Der Cache wird nicht sofort geleert, sondern ca. 15 Minuten nach Absenden des Formulars.
Jede Webseite enthält viele verschiedene Elemente: Bilder, Skripte, Stildateien und so weiter. Der Benutzer, der die Seite zum ersten Mal besucht, erhält all diese Elemente, indem er eine Reihe von HTTP-Anforderungen stellt. Um das erneute Herunterladen einer großen Anzahl von Dateien zu vermeiden, wird Caching verwendet.Das im HTTP-Protokoll verwendete Caching-Modell basiert auf den sogenannten Validatoren – speziellen Headern, die vom Client verwendet werden, um sicherzustellen, dass das zwischengespeicherte Dokument noch aktuell ist. Dank Validatoren kann der Client den Status des Dokuments überprüfen, ohne die gesamte zwischengespeicherte Kopie an den Server zu übergeben. Der Server wiederum sendet nur dann ein Dokument als Antwort, wenn der Prüfer, den er empfängt, anzeigt, dass der Client eine veraltete Kopie im Cache des Clients hat.
Validatoren werden in starke und schwache Validatoren unterteilt. Starke Validatoren tauchten in HTTP/1.1 auf. Sie werden so genannt, weil sie sich ändern, wenn sich die Datei ändert. Dazu gehören die sogenannten ETags (Entity Tags). ETag ist eine Dokumentinhaltskennung; es ändert sich, wenn sich mindestens ein Bit im Dokument ändert. Als Identifikator kann beispielsweise die MD5-Summe des Dokumentinhalts verwendet werden. Wenn ein Client ein Dokument vom Server anfordert, wird der ETag-Wert in der Antwort übergeben, zum Beispiel:
HTTP/1.1 200 OK Server: Selectel_Storage/1.0 Accept-Ranges: bytes Last-Modified: Mo, 18 Aug 2014 12:25:38 GMT X-Timestamp: 1408364738.80296 Content-Type: image/jpeg Content-Length: 458073 Access-Control -Allow-Origin: * Access-Control-Expose-Headers: Last-Modified, ETag, X-Timestamp ETag: "ebef3343a7b152ea7302eef75bea46c3" Datum: Mittwoch, 20. August 2014 11:52:48 GMT
Beim erneuten Anfordern desselben Dokuments wird der gespeicherte Wert des Validators bereits im If-None-Match-Header übergeben:
GET / HTTP/1.1 Host: example.org If-None-Match:"ebef3343a7b152ea7302eef75bea46c3"
Wenn das Dokument nicht geändert wurde, gibt der Server in der Antwort nur Header und den Code 304 Not Modified zurück. Andernfalls gibt der Server den Code 200 zurück und übergibt die neue Version des Dokuments sowie den neuen ETag-Wert dafür.
In unserem Repository und ETag wird sofort nach dem Hochladen der Datei generiert. Es ist ein MD5-Hash des Inhalts. Wenn sich der Inhalt ändert, ändert sich auch der ETag.
Schwache Validatoren sind diejenigen, die sich nicht unbedingt jedes Mal ändern, wenn sich die Datei ändert.
Ein Beispiel für einen schwachen Validator ist der Last-Modified-Header. Der Wert dieses Headers ist das Datum, an dem die Datei zuletzt geändert wurde. In unserem Repository wird es automatisch installiert. Wenn Sie im Header „If-Modified-Since“ ein Datum angeben, das nicht vor dem aktuell im Header „Last-Modified“ enthaltenen Datum liegt, lautet die Antwort ebenfalls „304 Not Modified“.
Starke Validatoren können in jedem Kontext verwendet werden. Schwache Validatoren werden in einem Kontext verwendet, der nicht vom genauen Inhalt der Datei abhängt.
Beispielsweise können beide Arten von Validatoren in GET-Anforderungen mit einer Bedingung (If Modified Since oder If None Match) verwendet werden. Beim teilweisen Herunterladen von Dateien können jedoch nur starke Validatoren verwendet werden – ansonsten erhält der Client die Datei in einer inkonsistenten Form.
Der Header Cache-Control mit der Direktive max-age wird verwendet, um die Cache-Zeit des Browsers für eine Kopie einer Datei festzulegen, deren Original gespeichert ist. Dank dieses Headers können Sie die Ladegeschwindigkeit der Website erheblich erhöhen - wenn die Datei zwischengespeichert ist, zeigt der Browser den Inhalt aus dem Cache sofort an, ohne eine einzige Anfrage an die Website zu stellen.Die Cache-Zeit für eine Datei wird in Sekunden angegeben:
Cache-Steuerung: max-age=7200
Im gezeigten Beispiel sind es 7200 Sekunden (2 Stunden). Normalerweise werden CSS-, JS- und Bilddateien auf diese Weise zwischengespeichert. Es ist wünschenswert, sie für immer zwischenzuspeichern, und wenn sich der Inhalt ändert, ändern Sie die Links zu ihnen in HTML. RFC 2616 empfiehlt, dass solche Dateien nicht länger als 1 Jahr zwischengespeichert werden:
Cache-Steuerung: max-age=31536000
Wenn Sie möchten, dass eine bestimmte Datei nicht zwischengespeichert, sondern immer "frisch" zurückgegeben wird, wird der Cache-Control-Header auf den folgenden Wert gesetzt:
Cache-Kontrolle: no-cache
Es gibt an, dass das Element überhaupt nicht zwischengespeichert werden soll und dass der Client es jedes Mal anfordern sollte, wenn er auf den Speicher zugreift (die Ladezeit der Datei verlängert sich in diesem Fall, da der Dateikörper heruntergeladen werden muss).
Eine andere Möglichkeit, eine Datei immer auf dem neuesten Stand zu halten, besteht darin, dem Dateinamen eine Inhaltsprüfsumme hinzuzufügen.
Ändert sich der Inhalt der Datei auch nur um ein Bit, dann ändert sich auch die Prüfsumme. Wenn keine Änderungen vorgenommen wurden, verwendet der Browser die Datei aus dem Cache. Wenn eine Datei geändert wird, ändert sich der Link dazu und die neue Version wird heruntergeladen.
Sie können die Prüfsumme entweder mit den Standarddienstprogrammen md5sum oder sha1sum oder mit speziellen Dienstprogrammen abrufen.
Sie können den Dateilinks auch einen beliebigen Satz von Zeichen hinzufügen – beispielsweise einen Zeitstempel (http://example.com/script.js?timestamp_here) – und die Links bei jeder Bereitstellung der Site aktualisieren. Bei dieser Methode gibt es jedoch keine Garantie, dass der Browser keine unnötigen Anfragen stellt: Auch zu Dateien, deren Inhalt sich nicht geändert hat, führt ein anderer Link (der gesamte Link ist zusammen mit den Abfrageparametern der Caching-Schlüssel) und Sie müssen sie erneut herunterladen.
Für HTML-Seiten ist es vorzuziehen, den Cache-Control-Header auf no-cache zu setzen. Wenn Sie dringend etwas auf der Seite ändern müssen und der Client diese Seite bereits zwischengespeichert hat (moderne Browser tun dies standardmäßig), kann der Client die Änderungen möglicherweise überhaupt nicht sehen.
Dies ist besonders wichtig, wenn Sie ein CDN verwenden: Das CDN von Akamai speichert Dateien ohne entsprechende Header standardmäßig für 24 Stunden im Cache. Sie können den Cache natürlich leeren (siehe oben), müssen aber nach dem Absenden der entsprechenden Anfrage mindestens 15 Minuten warten. Das Festlegen des No-Cache-Werts hilft, mögliche Probleme zu vermeiden – die Seite wird immer auf dem neuesten Stand geladen. Browser verwenden in diesem Fall weiterhin die Header If-None-Match (oder If-Modified-Since), und die Seite, die nicht geändert wurde, wird nicht neu geladen.
In einigen Fällen ist es besser, die Cache-Zeit für HTML-Seiten anhand der Änderungshäufigkeit festzulegen. Wenn die Nachrichtenseite auf der Website beispielsweise stündlich aktualisiert wird, kann das maximale Alter auf 3600 (1 Stunde) festgelegt werden.
Der Wert des Cache-Control-Headers (wie auch anderer HTTP-Header) in unserem Repository kann über das Webinterface gesetzt werden:
Über die Webschnittstelle werden Header-Werte nur für den gesamten Container festgelegt. Header-Werte für einzelne Dateien können nur über die API oder Clients von Drittanbietern festgelegt werden.
Sie können den Expires-Header anstelle von Cache-Control verwenden. Sein Wert gibt das Datum im Datumsformat RFC 1123 an, nach dem die Datei nicht mehr relevant ist (z. B.: Di, 31 Jan 2012 15:02:53 GMT). Bis zu diesem Datum stellt der Browser keine Anfragen an die Seite, sondern erhält die Datei aus dem Cache. Nach diesem Datum wird die Datei erneut hochgeladen.
Mithilfe der Komprimierung können Sie das Laden der Website erheblich beschleunigen. Ab HTTP/1.1 melden Clients unterstützte Komprimierungsmethoden im Accept-Encoding-Header:Accept-Encoding: gzip, deflate
In der Serverantwort werden im Content-Encoding-Header Informationen über das verwendete Komprimierungsverfahren übermittelt:
Inhaltskodierung: gzip
Eine der beliebtesten und am häufigsten verwendeten Methoden ist heute natürlich gzip. Damit können Sie die Downloadzeit erheblich verkürzen. Gzip funktioniert besonders gut mit Textdateien: HTML, CSS, JS. Dank der Komprimierung wird die Größe von Textdateien (und dementsprechend die Menge des übertragenen Datenverkehrs) durchschnittlich um das 5- bis 10-fache reduziert. Dadurch können Sie die Seitenladegeschwindigkeit deutlich erhöhen, was besonders für mobile Clients mit langsamer Verbindung wichtig ist.
Es macht keinen Sinn, gzip für Grafikdateien zu verwenden: Die Komprimierung verringert ihre Größe nicht wesentlich und erhöht sie oft sogar.
Akamai CDN verwendet standardmäßig gzip für die meisten Textdateien.
Bei der Minimierung werden zusätzliche / optionale Zeichen aus einer Datei entfernt, um ihre Größe zu reduzieren und die Downloadzeit zu verkürzen. Dadurch wird die Dateigröße durchschnittlich um das 1,5- bis 3-fache reduziert. Heutzutage verbreitet sich die Praxis, nicht nur JS und CSS, sondern auch andere Dateitypen (HTML, Grafikdateien usw.) zu minifizieren.Zur Verkleinerung werden spezielle Werkzeuge verwendet, insbesondere:
Mit der Minimierung können Sie nicht nur unbedeutende Leerzeichen und Zeilenumbrüche entfernen (in CSS und JS sind sie optional), sondern auch komplexere Operationen ausführen. Zum Beispiel in JS eine Funktion wie:
Funktion summ(erster_param, zweiter_param) ( return (erster_param + zweiter_param); )
Sie können es in die Funktion s(a,b)(return(a+b)) umwandeln und dann überall im Code s anstelle von summ verwenden, während die Logik seiner Arbeit vollständig erhalten bleibt. Wie das JavaScript-Minifizierungsverfahren funktioniert, können Sie unter http://lisperator.net/uglifyjs/ im Abschnitt Open Demo sehen.
Hier kann die Verkettung helfen, die mehrere Dateien des gleichen Typs (z. B. JS oder CSS) zu einer zusammenfasst. Es ermöglicht Ihnen, die Anzahl der Anfragen zu reduzieren und dadurch die Ladegeschwindigkeit der Seite zu erhöhen.
Die Verkettung kann auch verwendet werden, um das Laden von Bildern zu beschleunigen. Dies kann auf zwei Arten erfolgen: durch das Einbetten von Daten in die URL und durch die Verwendung von Sprites.
Daten werden mit einer speziellen Art von URL eingebettet – Daten: URI. URI (Universal Resource Identifator) kann sowohl im src-Attribut des img-Tags als auch in der Hintergrundbild-URL in CSS verwendet werden.
Es gibt Online-Tools zum Konvertieren von Bildern in data:URI (siehe zum Beispiel und ).
Ein Sprite ist eine Sammlung von Bildern, die zu einem einzigen Bild kombiniert werden. Zur Erstellung von Websites werden verschiedene Softwaretools verwendet. Mit CSS können Sie auf den gewünschten Abschnitt eines großen Bildes zugreifen und es an der richtigen Stelle auf der Website platzieren.
Sprites helfen, das Laden zu beschleunigen, aber es sollte beachtet werden, dass die Arbeit mit ihnen oft schwierig ist. Um auch nur eine kleine Änderung an einem Sprite vorzunehmen, müssen Sie eine begleitende Änderung am CSS vornehmen.
In modernen Tools zum Erstellen von JS-Projekten (
Bestehend aus statischen HTML-Seiten (htm, dhtml, xhtml), die ein Ganzes bilden. Enthält (in Form von HTML-markiertem) Text, Bilder, Multimedia-Inhalte (Audio, Video) und HTML-Tags. Tags sind sowohl Dienste, die für den Browser bestimmt sind, als auch zur Platzierung, Gestaltung des Aussehens und zur Anzeige von Informationen bestimmt. Alle Änderungen an der Site werden am Quellcode der Dokumente (Seiten) der Site vorgenommen, wofür Sie Zugriff auf die Dateien auf dem Webserver benötigen.
Vorteile und Nachteile
Vorteile
- Es ist nicht erforderlich, Web-Programmiersprachen zu kennen, um eine Seite zu erstellen.
- Gutes Page-Caching.
- Schnelle Seitenladegeschwindigkeit.
- Mindestanforderungen an einen Webserver und Mindestlast darauf.
- Einfache Übertragung auf einen anderen Server oder lokalen Computer.
- Die Möglichkeit, die Datei direkt im Browser anzuzeigen, ohne Verwendung von Middleware (Webserver, CGI).
Nachteile
- Inhalte können nicht dynamisch generiert werden.
- Die Unmöglichkeit der vollen Unterstützung für Besucher (die Wahl des Aussehens, Cookies).
- Um die Site mit Informationen zu füllen, müssen Sie über FTP auf Dateiseiten oder Webskripte von Drittanbietern zugreifen, mit denen Sie Seiten bearbeiten können.
- Wenn bei einer großen Anzahl von Seiten (Dateien) Änderungen derselben Art (Design, Layout, Hinzufügen neuer Abschnitte) erforderlich sind, muss Software (Dienstprogramme) von Drittanbietern verwendet werden.
Moderne Nutzung
- Visitenkartenseite - enthält die allgemeinsten Daten über den Eigentümer der Seite (Organisation oder Einzelunternehmer). Art der Aktivität, Geschichte, Preisliste, Kontaktdaten, Details, Wegbeschreibung. Berufstätige posten ihre Lebensläufe. Das ist eine ausführliche Visitenkarte.
- Produktkatalog - Der Katalog enthält eine detaillierte Beschreibung der Waren / Dienstleistungen, Zertifikate, technische und Verbraucherdaten, Expertenbewertungen usw. Solche Websites enthalten Informationen über Waren / Dienstleistungen, die nicht in die Preisliste aufgenommen werden können.
- Benutzer-Homepages.
Außerdem werden statische Seiten häufig als dynamische Websitevorlagen verwendet.
