Vaak gestelde vragen

Een Progressive Web App (PWA) is een webapplicatie die meer lijkt op een app voor mobiele telefoons dan op een ouderwetse website. Of, in de worden van een van de uitvinders van het begrip: het zijn websites die de juiste vitamines hebben genomen.
Bedrijven die voor een PWA hebben gekozen berichten over verbeteringen in conversie en omzet. PWA's combineren het beste van het web en van mobiele apps.

• Progressief: ze werken voor elke gebruiker.
• Reagerend: ze werken op grote en kleine schermen.
• Snel: ze laden data efficienter dan gewone websites.
• Netwerk onafhankelijk: door middel van service workers werken zij ook offline.
• App-achtig: de interacties en navigatie voelen als die van een app.
• Vers: Anders dan mobiele apps zijn PWA's altijd up-to-date.
• Veilig: Door https verbinding kan de data tijdens de overdracht niet verandert worden.
• Vindbaar: PWA's kunnen gewoon via zoekmachines als Google gevonden worden.
• Contact herstellen: Net als mobiele apps kunne PWA's meldingen (push notifications) op het scherm brengen.
• Koppelbaar: Anders dan mobiele apps kun je PWA's met een gewone link koppelen.
• Installeerbaar: Anders dan gewone sites kunnen PWA's op mobieltjes geinstalleerd worden.

Als een WordPress site laadt moet de server de pagina nog renderen, terwijl dit bij een flyfi site al vantevoren is gebeurd. De kant en klare html pagina wordt vervolgens via het supersnelle CDN (content delivery network) van Netlify geladen. Door het opsplitsen van de code wordt alleen die code geladen, die voor de eerste pagina noodzakelijk is.
Bestanden die op alle pagina's gebruikt worden, worden maar een keer gedownload. Als de pagina geladen is gedraagt zich een flyfi site als een moderne webapp. Zodra een link zichtbaar is wordt de nodige data voor de gelinkte pagina al op de achtergrond geladen zodat de pagina onmiddelijk beschikbaar is als u op de link klikt.

Alle grotere foto's worden pas geladen als de gebruiker deze kan zien. Terwijl de foto laadt wordt eerst een onscherpe of getekende versie getoond, die wordt vervangen door de foto als deze is geladen.
Elke foto wordt in verschillende resoluties gerenderd en de gebruiker laadt altijd die versie die het best bij zijn of haar apparaat past. Zo ziet de gebruiker met een scherm met een hoge resolutie altijd scherpe foto's en de gebruiker met een oud mobieltje laadt alleen die pixels die hij ook daadwerkelijk kan zien.

Voor de allermeest projecten gebruikt ik het moderne framework Gatsby. Gatsby is er speciaal voor gemaakt om moderne webapps zo snel mogelijk te maken. Gatsby maakt gebruikt van de user interface bibliotheek React die door Facebook wordt ontwikkelt, en ook door andere grote sites zoals Twitter wordt gebruikt.
Gatsby is een open source software en een commercieel bedrijf, dat hosting en cloud gebaseerde oplossingen voor Gatsby apps aanbiedt. Voor apps waarbij veel interactie met de gebruikers plaats vindt is het framework Nextjs vaak een betere match.

flyfi sites hebben geen ouderwetse server nodig omdat de bestanden van tevoren al gerenderd zijn. Dit maakt de hosting niet alleen snel, maar ook goedkoop, makkelijk, veilig en schaalbaar zodat u site ook tijdens uw Black Friday Sale of als deze viraal gaat goed te bereiken is. Omdat het front-end losgekoppelt is van het back-end kan de database niet worden gehackt of overbelast raken. Dit scheelt u een hoop zorgen over veiligheid en bereikbaarheid terwijl u ook nog geld bespaart.