Logo Edge blanc

Découvrez le Web côté Edge et libérez le potentiel de votre site e-commerce !

La mélodie se répète, presque comme un refrain : la prochaine fonctionnalité sera-t-elle développée côté serveur ou côté client ? À moins qu’une troisième voie ne se dessine ? Êtes-vous prêts à redéfinir vos paradigmes ?

Server side ou Client side : le duel

Vous avez probablement déjà été confronté au dilemme Server side / Client side, et ce, à différents niveaux.
Qu’elle que soit l’option retenue, chacune d’elle offre des avantages et des défis qui laisseront leur empreinte sur les performances, l’expérience utilisateur et la simplicité de développement.

Pour y voir plus clair, observons les avantages et les inconvénients de ces deux approches, à travers le prisme du web rendering. Zoom sur le rendu côté serveur (Server Side Rendering, SSR) et le rendu côté client (Client Side Rendering, CSR) !

  • LE CLIENT SIDE RENDERING

  • Comment ça marche ?

    Le navigateur du client joue un rôle essentiel dans la génération et l’affichage du contenu : le navigateur télécharge d’abord une page HTML minimale, puis récupère et exécute du code JavaScript qui se charge de récupérer les données nécessaires. Ensuite, le navigateur utilise ces données pour générer dynamiquement et afficher le contenu complet de la page. Hype, mais pas très performant !

    • Une expérience utilisateur dynamique
    • Un développement simplifié
    • Un SEO potentiellement dégradé
    • Des temps de chargement plus long
    • Des problèmes de performance sur les appareils plus anciens
  • LE SERVER SIDE RENDERING

  • Comment ça marche ?

    Le serveur prend en charge la génération et l’envoi du contenu complet au navigateur du client : le serveur prépare et génère entièrement la page avec toutes les données et les éléments nécessaires, puis l’envoie au navigateur. Résultat… ça peut manquer de pep’s !

    • Une indexation plus facile du contenu HTML pré-rendu
    • Une meilleure accessibilité pour les connexions Internet lentes
      ou les appareils plus anciens.
    • Les pages sont moins interactives
    • Une complexité du développement

Comment ça marche ?

Le navigateur du client joue un rôle essentiel dans la génération et l’affichage du contenu : le navigateur télécharge d’abord une page HTML minimale, puis récupère et exécute du code JavaScript qui se charge de récupérer les données nécessaires. Ensuite, le navigateur utilise ces données pour générer dynamiquement et afficher le contenu complet de la page. Hype, mais pas très performant !

  • Une expérience utilisateur dynamique
  • Un développement simplifié
  • Un SEO potentiellement dégradé
  • Des temps de chargement plus long
  • Des problèmes de performance sur les appareils plus anciens

Comment ça marche ?

Le serveur prend en charge la génération et l’envoi du contenu complet au navigateur du client : le serveur prépare et génère entièrement la page avec toutes les données et les éléments nécessaires, puis l’envoie au navigateur. Résultat… ça peut manquer de pep’s !

  • Une indexation plus facile du contenu HTML pré-rendu
  • Une meilleure accessibilité pour les connexions Internet lentes
    ou les appareils plus anciens.
  • Les pages sont moins interactives
  • Une complexité du développement

Côté serveur ou côté client : chaque approche a sa part de petits tracas, et le dilemme dépasse évidemment la seule question du rendering.

À chaque nouvelle fonctionnalité (ou presque), le casse-tête ressurgit, à l’instar des A/B tests : opter pour le côté client (avec une belle réactivité, mais quelques chutes de performance à la clé) ou pour le côté serveur (impliquant un engagement avec une solution, nécessitant des ressources IT, mais qui brille par sa puissance de calcul et ses performances).

C’est pour ces raisons que chez Fasterize, on vous propose de mettre de côté cette dualité, et de plonger dans une troisième dimension : le web côté Edge !

Les avantages d'un web côté Edge

Le web côté Edge offre une opportunité unique de créer une expérience utilisateur dynamique, tout en optimisant la disponibilité, la sécurité et l’évolutivité de votre site.

Flexibilité

Le Edge offre une grande flexibilité en termes de scalabilité : vous avez donc l’assurance que vos pics de trafic sont absorbés à tous moments !

Agilité

Grâce au Edge, il est possible de déployer rapidement et sans complexité technique de nouveaux services. Innovez et adaptez vous rapidement aux nouvelles tendances !

Performance

En concevant votre architecture web en exploitant le Edge, vous réduisez les temps de chargement de vos pages et diminuez les latences. Offrez les meilleures performances à vos utilisateurs !

Le meilleur des deux mondes, at the Edge

Repensez la manière dont votre site web est conçu et livré aux utilisateurs !
Chez Fasterize, nos solutions sont déployées “at the Edge” (« au bord du réseau »). En d’autres termes : entre le serveur et les navigateurs.

La conception du web côté Edge réunit les avantages du côté serveur et du côté client. À la différence du Client side, où toutes les actions se déroulent dans le navigateur de l’utilisateur, nos opérations se déploient grâce à nos workers répartis stratégiquement dans le monde, à proximité des utilisateurs finaux.

Le navigateur transmet une requête http vers la plateforme. Fasterize intercepte les requêtes des internautes vers le site (comme un proxy).
Fasterize récupère les pages et les ressources demandées aux serveurs d'origine et analyse le code html, le javascript, le css et les images.
Fasterize génère le contenu optimisé avant de le renvoyer au navigateur. Celui-ci est bien sûr mis en cache si la réponse du serveur d'origine le permet.
Fasterize applique les règles et optimisations intégrées sur la plateforme.
Le navigateur transmet une requête http vers la plateforme. Fasterize intercepte les requêtes des internautes vers le site (comme un proxy).
Fasterize génère le contenu optimisé avant de le renvoyer au navigateur. Celui-ci est bien sûr mis en cache si la réponse du serveur d'origine le permet.
Fasterize applique les règles et optimisations intégrées sur la plateforme.
Fasterize récupère les pages et les ressources demandées aux serveurs d'origine et analyse le code html, le javascript, le css et les images.

Demandez un diagnostic de vos temps de chargement !

Nos clients améliorent leur taux de conversion entre 5 et 10% en moyenne !

Souhaitez-vous une démo de l'ensemble de la plateforme ?
Solutions