AJAX - Content Loading: Unterschied zwischen den Versionen
Aus Wikizone
(Die Seite wurde neu angelegt: „== Links == http://www.webdesignerdepot.com/2014/02/how-to-supercharge-your-sites-speed-with-ajax-and-jquery/ == Grundlagen == === Strategien === Über AJAX i…“) |
|||
| Zeile 8: | Zeile 8: | ||
Wenn Teile der Seite geladen werden sollen gibt es generell zwei Wege. | Wenn Teile der Seite geladen werden sollen gibt es generell zwei Wege. | ||
| − | # Server checkt ob AJAX Anforderung vorliegt und liefert dann nur den benötigten Teil der Inhalte aus. I.d.R. den Inhalt. | + | # Server checkt ob AJAX Anforderung vorliegt und liefert dann '''nur den benötigten Teil der Inhalte''' aus. I.d.R. den Inhalt. |
| − | # AJAX | + | # Über den AJAX Aufruf werden bestimmte Teile der Seite angefordert. Diese wird dann geparsed und die benötigten Inhalte geladen. Etwas mehr Ladevolumen, weil der komplette Markdown geladen wird. Allerdings nur die benötigten Verweise (also keine Skripte, Bilder, etc. die nicht benötigt werden). |
| + | # Evtl. gibt es interessante Möglichkeiten über serverseitigem JS ??? | ||
=== Load Container Content === | === Load Container Content === | ||
Version vom 2. März 2017, 11:12 Uhr
Links
http://www.webdesignerdepot.com/2014/02/how-to-supercharge-your-sites-speed-with-ajax-and-jquery/
Grundlagen
Strategien
Über AJAX ist es möglich nur Teile einer Website zu laden und an bestehende anzufügen oder diese zu ersetzen. Das spart Ladezeit. Aus SEO Sicht sollte man die URL ebenfalls aktualisieren. Und die Browserhistory aktualisieren. Außerdem sollte die gesamte Seite neu geladen werden, wenn Die Seite direkt im Browser aufgerufen wird. Also alle Inhalte.
Wenn Teile der Seite geladen werden sollen gibt es generell zwei Wege.
- Server checkt ob AJAX Anforderung vorliegt und liefert dann nur den benötigten Teil der Inhalte aus. I.d.R. den Inhalt.
- Über den AJAX Aufruf werden bestimmte Teile der Seite angefordert. Diese wird dann geparsed und die benötigten Inhalte geladen. Etwas mehr Ladevolumen, weil der komplette Markdown geladen wird. Allerdings nur die benötigten Verweise (also keine Skripte, Bilder, etc. die nicht benötigt werden).
- Evtl. gibt es interessante Möglichkeiten über serverseitigem JS ???
Load Container Content
$("#area").load("something.html #content");
Oder nur die Inhalte ohne das umschließende DIV
$("#area").load("something.html #area > *");
Variante wäre evtl. mit .innerHTML();
