Pagespeed Optimierung

Schritt für Schritt zur schnelleren Website
 
 
Hanser (Verlag)
  • 1. Auflage
  • |
  • erschienen am 6. Juni 2016
  • |
  • 176 Seiten
 
E-Book | PDF mit Wasserzeichen-DRM | Systemvoraussetzungen
978-3-446-44939-8 (ISBN)
 
Geschwindigkeit ist ein sehr elementarer Faktor für den Erfolg Ihrer Website oder Ihres Blogs. Sowohl für den Besucher, der auf den Seitenaufbau nicht lange warten will, als auch für das Ranking bei Google spielt Geschwindigkeit eine Rolle.

Praktisch und verständlich zeigt Ihnen dieses Buch, mit welchen Techniken Sie die Performance Ihrer Site selbst optimieren können, und zwar ohne Programmierkenntnisse. Beispiele und Expertentipps helfen Ihnen bei der Umsetzung.

Aus dem Inhalt:
Wie funktioniert eine Webseite // Werkzeuge für die Pagespeed-Optimierung // Vorbereitung
Bilder optimieren // CSS optimieren // JavaScript optimieren // HTML optimieren // Schriftarten optimieren // Komprimieren // Rendering (Aufbau der Seite im Browser) // Zwischenspeichern (Cache) // Webserver optimieren // HTTPS-Seiten Ladezeit optimieren // Responsive Design
  • Deutsch
  • München
  • |
  • Deutschland
  • 13,65 MB
978-3-446-44939-8 (9783446449398)
http://dx.doi.org/10.3139/9783446449398
weitere Ausgaben werden ermittelt
Gregor Meier ist bei einer Schweizer SEO-Agentur als Projektleiter für Suchmaschinenoptimierung tätig.
1 - 1 Einleitung [Seite 12]
1.1 - 1.1 Machen Sie aus Ihrer Website einen Ferrari [Seite 12]
1.2 - 1.2 Zielgruppe [Seite 13]
1.3 - 1.3 Beispiele [Seite 15]
1.4 - 1.4 Warum Sie aus Ihrer Webseite einen Ferrari machen sollten [Seite 18]
1.4.1 - 1.4.1 Mehr Pagespeed = mehr Besucher [Seite 18]
1.4.2 - 1.4.2 Mehr Pagespeed = weniger Absprünge (Bounce Rate) [Seite 18]
1.4.3 - 1.4.3 Mehr Pagespeed = mehr besuchte Seiten [Seite 19]
1.4.4 - 1.4.4 Mehr Pagespeed = mehr Umsatz [Seite 20]
1.5 - 1.5 Vorgehen [Seite 22]
2 - 2 Wie kommt eine Webseite auf unseren Computer? [Seite 24]
2.1 - 2.1 Anfrage des Browsers an den Webserver [Seite 24]
2.2 - 2.2 Behandlung des Requests auf dem Server [Seite 25]
2.3 - 2.3 Übertragung [Seite 26]
2.4 - 2.4 Anzeigen der Seite im Browser (Rendering) [Seite 27]
3 - 3 Werkzeuge für die Pagespeed-Optimierung [Seite 30]
3.1 - 3.1 Google PageSpeed Insights [Seite 30]
3.2 - 3.2 WebPageTest [Seite 32]
3.3 - 3.3 Test der Internetanbindung eines Webservers [Seite 34]
3.4 - 3.4 Welche Ladezeit ist gut? [Seite 35]
3.5 - 3.5 Mit FTP eine Webseite bearbeiten [Seite 35]
3.6 - 3.6 Mit SSH auf einen Webserver zugreifen [Seite 36]
3.7 - 3.7 Vorbereitung [Seite 38]
4 - 4 Bilder optimieren [Seite 40]
4.1 - 4.1 Die richtige Bildgröße [Seite 40]
4.2 - 4.2 Unterschiedliche Bildgrößen für unterschiedliche Geräte [Seite 43]
4.3 - 4.3 Welches Bildformat ist das schnellste? [Seite 45]
4.4 - 4.4 WebP: das richtige Dateiformat [Seite 45]
4.4.1 - 4.4.1 Wie kann man WebP-Bilder erstellen? [Seite 45]
4.4.2 - 4.4.2 Fallback im CSS [Seite 47]
4.4.3 - 4.4.3 Fallback in HTML 5 [Seite 48]
4.4.4 - 4.4.4 Per .htacces unterschiedliches Bild ausliefern [Seite 48]
4.5 - 4.5 Bilder komprimieren [Seite 48]
4.6 - 4.6 Bildgrößen angeben [Seite 53]
4.7 - 4.7 CSS statt einem Bild [Seite 54]
4.8 - 4.8 Image-Map [Seite 55]
4.9 - 4.9 Seiten mit sehr vielen und sehr großen Bildern [Seite 55]
4.10 - 4.10 Bilder verzögert laden [Seite 55]
4.11 - 4.11 Favicon optimieren [Seite 56]
4.12 - 4.12 Unicode statt Grafiken [Seite 57]
5 - 5 HTML optimieren [Seite 60]
5.1 - 5.1 Die aktuelle HTML-Version verwenden [Seite 60]
5.2 - 5.2 Auf Validität des HTML-Codes achten [Seite 61]
5.3 - 5.3 Keine externen Elemente einbinden [Seite 62]
5.3.1 - 5.3.1 Bilder kopieren [Seite 62]
5.3.2 - 5.3.2 DNS-Prefetch [Seite 62]
5.3.3 - 5.3.3 Externe Elemente verzögert laden [Seite 63]
5.4 - 5.4 Frames vermeiden [Seite 63]
5.5 - 5.5 Weiterleitung vermeiden [Seite 63]
5.6 - 5.6 HTML reduzieren [Seite 64]
5.7 - 5.7 Sichtbare Inhalte priorisieren [Seite 65]
5.8 - 5.8 Fehlerhafte Anfragen vermeiden [Seite 66]
5.9 - 5.9 Schriftarten optimieren [Seite 67]
5.10 - 5.10 Websichere Schriften verwenden [Seite 68]
5.11 - 5.11 Cookies vermeiden [Seite 69]
5.11.1 - 5.11.1 Was sind Cookies? [Seite 69]
5.11.2 - 5.11.2 Ausgleich zwischen Pagespeed und Benutzerfreundlichkeit? [Seite 70]
6 - 7 CSS optimieren [Seite 72]
6.1 - 6.1 Was ist CSS? [Seite 72]
6.2 - 6.2 CSS-Dateien reduzieren (minify) [Seite 73]
6.3 - 6.3 CSS-Dateien zusammenfassen und/oder inline einbinden [Seite 75]
6.4 - 6.4 Wordpress - Deque CSS [Seite 77]
6.5 - 6.5 print.css, mobile.css usw. nicht auf allen Seiten mitladen [Seite 78]
6.6 - 6.6 Ungenutzte CSS-Styles entfernen [Seite 79]
6.6.1 - 6.6.1 unused-css.com [Seite 79]
6.6.2 - 6.6.2 Dust-Me [Seite 80]
6.7 - 6.7 CSS-Import vermeiden [Seite 82]
6.8 - 6.8 CSS nicht immer inline einbinden - aber wenn es sinnvoll ist [Seite 82]
6.9 - 6.9 CSS nicht innerhalb von style-Attributen verwenden [Seite 83]
6.10 - 6.10 CSS Sprites [Seite 84]
7 - 7 JavaScript optimieren [Seite 86]
7.1 - 7.1 Was ist JavaScript (JS)? [Seite 86]
7.2 - 7.2 JavaScript reduzieren [Seite 86]
7.2.1 - 7.2.1 Wie müssen Sie vorgehen? [Seite 87]
7.2.2 - 7.2.2 Externe Dateien [Seite 88]
7.3 - 7.3 Nicht benötigtes JavaScript entfernen [Seite 89]
7.4 - 7.4 jQuery optimieren [Seite 90]
7.5 - 7.5 JavaScript zusammenfassen [Seite 91]
7.6 - 7.6 JS-Optimierung automatisieren mit GruntJS [Seite 92]
7.7 - 7.7 JavaScript verzögert laden [Seite 94]
7.8 - 7.8 JavaScript vs. CSS [Seite 95]
7.9 - 7.9 Ladezeit von Benutzern ermitteln [Seite 96]
8 - 8 Komprimieren [Seite 98]
8.1 - 8.1 Was ist Datenkomprimierung? [Seite 98]
8.2 - 8.2 Wie können wir mit Komprimierung unsere Webseite beschleunigen? [Seite 99]
8.3 - 8.3 gzip auf Apache Webservern [Seite 99]
8.3.1 - 8.3.1 Komprimierung mit mod_gzip [Seite 100]
8.3.2 - 8.3.2 Komprimierung mit mod_deflate [Seite 100]
8.4 - 8.4 gzip funktioniert nicht [Seite 101]
8.4.1 - 8.4.1 Shared Hosting [Seite 101]
8.4.2 - 8.4.2 gzip und deflate installieren [Seite 101]
8.5 - 8.5 gzip auf Windows-Servern [Seite 103]
9 - 9 Critical Rendering Path [Seite 104]
9.1 - 9.1 Was ist der Critical Rendering Path? [Seite 104]
9.2 - 9.2 Wie baut sich eine Seite auf? (Rendering) [Seite 106]
9.3 - 9.3 CSS in Kritisch und Nichtkritisch unterteilen [Seite 106]
9.4 - 9.4 Prefetch und Prerender [Seite 108]
9.4.1 - 9.4.1 DNS-Prefetch [Seite 109]
9.4.2 - 9.4.2 Prefetch [Seite 109]
9.4.3 - 9.4.3 Prerender [Seite 110]
10 - 10 Zwischenspeichern (Cache) [Seite 112]
10.1 - 10.1 Was ist ein Cache? [Seite 112]
10.2 - 10.2 Browser-Cache [Seite 112]
10.3 - 10.3 Server-Cache [Seite 116]
10.4 - 10.4 Wie können wir den Server-Cache nutzen? [Seite 117]
10.4.1 - 10.4.1 WP Super Cache [Seite 117]
10.4.2 - 10.4.2 W3 Total Cache [Seite 120]
10.4.3 - 10.4.3 Externer Server-Cache [Seite 122]
10.4.4 - 10.4.4 Cashing mit Varnish [Seite 122]
10.4.5 - 10.4.5 Statische Seite [Seite 127]
11 - 11 CDN - Content Delivery Networks [Seite 132]
11.1 - 11.1 Was ist ein CDN? [Seite 132]
11.2 - 11.2 Wie richtet man ein CDN ein? [Seite 134]
12 - 12 Webserver optimieren [Seite 136]
12.1 - 12.1 Sie brauchen keinen teuren Server! [Seite 136]
12.2 - 12.2 Hardware [Seite 137]
12.2.1 - 12.2.1 Arbeitsspeicher (RAM) [Seite 137]
12.2.2 - 12.2.2 Prozessoren und Prozessorkerne [Seite 138]
12.2.3 - 12.2.3 Festplatten [Seite 138]
12.3 - 12.3 Software [Seite 139]
12.3.1 - 12.3.1 Betriebssystem [Seite 139]
12.3.2 - 12.3.2 Webserver-Software [Seite 139]
12.4 - 12.4 Webserver-Performance steigern [Seite 140]
12.4.1 - 12.4.1 Shared-Hosting [Seite 141]
12.4.2 - 12.4.2 Ein eigener Server? [Seite 142]
12.4.3 - 12.4.3 Webserver auf Nginx wechseln [Seite 144]
12.4.4 - 12.4.4 Webserver auf Litespeed wechseln [Seite 147]
12.4.5 - 12.4.5 Keep Alive [Seite 149]
12.5 - 12.5 Unnötige Anfragen blockieren [Seite 150]
12.5.1 - 12.5.1 Wie kann man erkennen, dass eine Seite von vielen Crawlern besucht wird? [Seite 150]
12.5.2 - 12.5.2 Wie kann man unerwünschte Crawler und Spam-Bots fernhalten? [Seite 152]
13 - 13 Responsive Design [Seite 154]
13.1 - 13.1 Warum responsive Design? [Seite 154]
13.2 - 13.2 Webseite responsive machen [Seite 155]
13.3 - 13.3 Abhängigkeiten vermeiden [Seite 155]
13.4 - 13.4 Lösungsansätze [Seite 156]
13.4.1 - 13.4.1 Elternelement ausblenden [Seite 156]
13.4.2 - 13.4.2 Weiterleitung auf eine mobile Seite [Seite 156]
13.4.3 - 13.4.3 Mit JavaScript Bilder erkennen [Seite 157]
13.5 - 13.5 Viewport [Seite 158]
13.6 - 13.6 Bilder anpassen [Seite 159]
14 - 14 Ladezeit von HTTPS-Seiten optimieren [Seite 160]
14.1 - 14.1 Was ist HTTPS? [Seite 160]
14.1.1 - 14.1.1 Identifizierung [Seite 161]
14.1.2 - 14.1.2 Verschlüsselung [Seite 162]
14.2 - 14.2 SSL beschleunigen [Seite 163]
14.2.1 - 14.2.1 HTTPS nicht auf allen Seiten verwenden [Seite 163]
14.2.2 - 14.2.2 HTTPS-Handshake auf einem anderen Server durchführen [Seite 164]
14.2.3 - 14.2.3 Server updaten [Seite 164]
14.2.4 - 14.2.4 False Start [Seite 166]
14.2.5 - 14.2.5 Weiterleitungen vermeiden [Seite 167]
14.2.6 - 14.2.6 HSTS [Seite 167]
15 - 15 Blick in die Zukunft [Seite 170]
15.1 - 15.1 BPG-Bildformat [Seite 170]
15.2 - 15.2 Google Transcode [Seite 171]
15.3 - 15.3 Accelerated Mobile Pages [Seite 172]
16 - 16 Fazit [Seite 174]
17 - Index [Seite 176]

Dateiformat: PDF
Kopierschutz: Wasserzeichen-DRM (Digital Rights Management)

Systemvoraussetzungen:

Computer (Windows; MacOS X; Linux): Verwenden Sie zum Lesen die kostenlose Software Adobe Reader, Adobe Digital Editions oder einen anderen PDF-Viewer Ihrer Wahl (siehe E-Book Hilfe).

Tablet/Smartphone (Android; iOS): Installieren Sie die kostenlose App Adobe Digital Editions oder eine andere Lese-App für E-Books (siehe E-Book Hilfe).

E-Book-Reader: Bookeen, Kobo, Pocketbook, Sony, Tolino u.v.a.m. (nur bedingt: Kindle)

Das Dateiformat PDF zeigt auf jeder Hardware eine Buchseite stets identisch an. Daher ist eine PDF auch für ein komplexes Layout geeignet, wie es bei Lehr- und Fachbüchern verwendet wird (Bilder, Tabellen, Spalten, Fußnoten). Bei kleinen Displays von E-Readern oder Smartphones sind PDF leider eher nervig, weil zu viel Scrollen notwendig ist. Mit Wasserzeichen-DRM wird hier ein "weicher" Kopierschutz verwendet. Daher ist technisch zwar alles möglich - sogar eine unzulässige Weitergabe. Aber an sichtbaren und unsichtbaren Stellen wird der Käufer des E-Books als Wasserzeichen hinterlegt, sodass im Falle eines Missbrauchs die Spur zurückverfolgt werden kann.

Weitere Informationen finden Sie in unserer E-Book Hilfe.


Download (sofort verfügbar)

15,99 €
inkl. 7% MwSt.
Download / Einzel-Lizenz
PDF mit Wasserzeichen-DRM
siehe Systemvoraussetzungen
E-Book bestellen