Puisque l'idée n'est plus uniquement de favoriser le début de l'affichage, mais bien l'intégralité de la zone immédiatement visible, il va falloir identifier ces contenus et les privilégier pour accélérer leur affichage (inliner votre logo en base64 par exemple).
Since the idea is not anymore to foster the beginning of the rendering, but instead the whole immediately visible zone, you need to identify those contents and favour them to speed up their rendering (inline your logo in basis 64 for example).
Pensez à inliner les CSS utiles à l'affichage des éléments qui se situent au-dessus de la ligne de flottaison, c'est une ressource potentiellement bloquante que vous avez besoin de rendre disponible le plus vite possible.
Remember to inline the CSS that are necessary for displaying elements located above the is a potentially blocking resource that you need to make available as quickly as possible.
Dans ce cas, il y a deux avantages a inliner.
In this case, there are two advantages to inlining.
Vous l'aurez compris, nous ne recommandons vraiment pas d'inliner les fonts, et pour conclure, voici un cas pratique que nous avons rencontré avec un de nos clients, un site e-commerce que nous accompagnons dans l'amélioration des temps de chargement.
You got it, we really do not recommend inlining fonts. To conclude, let's have a look at a customer case study of an e-commerce website which we accompanied in the improvement of loading times.
Le gros avantage du JSON-LD réside dans le fait que vous pouvez séparer votre balisage sémantique de votre HTML, contrairement aux autres formats où vous devez inliner vos balises sémantiques directement dans vos éléments HTML.
The major advantage of JSON-LD resides in the fact that you can separate the semantic markup of your HTML, as opposed to other formats that require inline semantic markup to be inserted directly into your HTML elements.
Voici les sélecteurs pris en charge par l'Inliner
These are the selectors supported by the Inliner.
Toutefois, une fois que l'Inliner est activé, vous pourrez prévisualiser la campagne dans une visionneuse côte à côte.
Once you enable the Inliner, however, you can preview the campaign in a side-by-side viewer.
Une fois que vous aurez activé l'Inliner et que le reste de votre code sera prêt, continuez à configurer votre campagne.
After you've turned on the Inliner and the rest of your code is ready to go, continue setting up your campaign.
Remarque Lorsque vous activez l'option Inliner, le changement n'est pas visible immédiatement dans votre code.
When you enable the Inliner option, you won't see an immediate change to your code.
Chaque Form Inliner épouse le fût telle une véritable seconde peau sans former de plis ou de poches.
Each Form Inliner fits the drum like a second skin without any folds or pockets.
En plus de transférer le contenu des fichiers à l'intérieur du HTML, Inliner convertit également des images au format base64 et comprime éventuellement les fichiers JS et CSS.
Besides just moving the content of files inside the HTML, Inliner also converts images to base64 format and optionally compresses JS and CSS files.
Dans cet article, vous apprendrez à activer l'outil CSS Inliner automatique dans un modèle à codage personnalisé, et vous découvrirez les sélecteurs pris en charge.
In this article, you'll learn how to turn on the Automatic CSS Inliner in a Code Your Own template and which selectors are supported.
Comme son nom peut le donner, Inliner prend des images, CSS et les fichiers JavaScript qui aident produire une page Web et les déplace à l'intérieur du fichier HTML parent où ils sont chargés par défaut.
As the name might give it away, Inliner takes images, CSS and JavaScript files that help produce a Web page and moves them inside the parent HTML file where they are loaded by default.
