Skip to main content
technique | 13/11/2018

Mettez un service worker dans votre site

new site lvdesign avec un service worker
new site lvdesign avec un service worker

Oui, comme le dit si bien Mozilla :
"La perte de connexion est un problème majeur auquel sont confrontés les utilisateurs du web depuis des années. La meilleure application web au monde produirait un bien mauvais effet si vous ne pouviez pas la télécharger. ../.. Mais le problème principal reste l'absence d'un mécanisme de contrôle global pour la mise en cache des ressources et la personnalisation des requêtes réseau."
Et bien voilà, aujourd'hui grâce à la mise en place de ce service, votre site ou vos pages choisies sont toujours disponible.

Mon site a évidement évolué avec le temps, mon inspiration et les évolutions techniques.
La structure du site est aujourd'hui très simple. Une Landing Page et un blog associé à une base de donnée.
J'ai trouvé un template vraiment bien réalisé et bien structuré pour la Landing Page:
Agency de startbootstrap.com.
Pour le blog d'articles qui compose mon site, j'ai réutilisé mon système CRUD en php/SQL que j'ai réalisé entièrement de A à Z. Un Framework aurait pu être intéressant mais j'ai voulue de la simplicité.

Le template de Start Bootstrap est à la fois vraiment très bien pensé et parfaitement réalisé.

- Gulp pour optimiser le développement et la productivité du site.

- Bootstrap pour le framework html5/js.

En fait tout ce qu'il faut pour que votre site web soit de base efficace. Pour parfaire ce site,
j'ai quand même rajouté quelques éléments qui me semblait intéressant pour un site performant :
- Online/Offline avec un ServiceWorker. Sans aucune connection internet, le site est visible après une première visite. Pour réaliser cette option, j'ai suivi les méthodes de réalisation de Jeremy Keith "My first Service Worker"

- CriticalCsspour optimiser au maximun le chargement du site. Toujours à la pointe du développement web, cette agence Filament group : criticalCSS propose toujours des pistes intéressantes de réalisations pour booster votre site.

Retour aux News

vers haut de la page