Andere Manieren om de spa ‘ s

0
22

Dat rijm lolz.

Ik vermeld op een podcast, de andere dag dat ik zo ‘ n beetje denk WordPress moet het schip met Turbolinks. Het is een vrij simpele uitgangspunt:

  1. Het bouwen van een server-site weergegeven.
  2. Turbolinks onderschept klikken op dezelfde herkomst-links.
  3. Het maakt gebruik van AJAX voor de HTML-code van de nieuwe pagina en vervangt de huidige pagina met de nieuwe.

In andere woorden, het draaien van een server-app weergegeven in “Enkele Pagina-App” (SPA) door middel van het toevoegen van deze bibliotheek.

Waarom? Het kan een beetje sneller. Volledige pagina wordt vernieuwd kan voelen traag in vergelijking met een SPA. Turbolinks is een beetje de “oude” technologie, maar het is nog steeds goed bruikbaar. In feite, Starr Horne schreef onlangs een geweldige blog post over het migreren van op Honeybadger:

Honeybadger is niet een enkele pagina, app, en het zal waarschijnlijk nooit worden. Spa ‘ s gewoon niet zinvol voor onze technische eisen voldoen. Neem een kijkje:

  • Onze app is vooral over het weergeven van pagina ‘ s van statische informatie.
  • We crunch veel van de gegevens voor het genereren van een enkele fout rapport pagina.
  • We hebben een klein team van vier ontwikkelaars, en dus willen we houden onze codebase zo klein en eenvoudig mogelijk.

… Er is een aanpak die we hebben gebruikt voor het jaar waarmee we hebben onze taart eten en het ook … en zijn grote idee is dat je kunt krijgen SPA-achtige snelheid zonder JavaScript.

Dat is wat ik bedoel met WordPress. Het is heel goed dat het server-rendered standaard, maar het kan ook gebruikmaken van een SPA spul met een eenvoudige aanpak zoals Turbolinks. Je kan altijd op uw eigen hoewel.

Alleen het verlaten van uw server-rendered site is niet een vreselijk ding. Als je de pagina ‘ s licht en middelen in de cache opgeslagen, bent u waarschijnlijk prima.

Chrome is begonnen met een aantal nieuwe ideeën:

  • “Verf Holding” vermindert de witte flits tussen de pagina wordt geladen.
  • De “Portal” – element zal helpen bij de overgang van pagina naar pagina zonder te herladen. Let op de toegankelijkheid.

Ik twijfel er niet aan deze server-rendered maar verbeteren-in-SPA is wat hielp populariseren methoden zoals de Volgende en Gatsby.

Ik wil niet naar korting de macht van een “echte” SPA aanpak. Het netwerk is de belangrijkste dader voor trage websites, dus als er een app is ontworpen om te schieten over relatief kleine stukjes van de gegevens (in plaats van relatief zware enorme stukken van de HTML) en bereken dan het laagste bedrag van de DOM kan opnieuw renderen en dat doen, dan is dat geweldig. Nou, dat is, tot het knelpunt wordt JavaScript zelf.

Het is gewoon jammer dat een SPA aanpak wordt vaak gedaan in de kosten van het doen van geen server-side rendering op alle. En ook jammer is dat de kosten van “hydraterend” een server-rendered app om een SPA komt bij de kosten van het vastbinden van de rode draad in JavaScript.

Verdoemd als je het doet. Verdoemd als je het niet doet.

Gelukkig, er is een spectrum van rendering keuzes voor het kiezen van een geschikte architectuur.