Principe d'accélération MIP
Ce document explique en détail le principe d'accélération des pages MIP pour vous
JavaScript soigneusement conçu
Afin de supprimer les scripts volumineux côté client, les fichiers MIP n'autorisent pas le JavaScript personnalisé pour certaines fonctions qui dépendent fortement de JavaScript (telles que comme la publicité, les statistiques et l'interaction), MIP fournit des composants encapsulés compatibles avec le runtime MIP pour la mise en œuvre.
Principe de citation JavaScript :
Actuellement, MIP ne permet pas aux utilisateurs de personnaliser JavaScript, et il doit être introduit sous la forme de composants MIP pour garantir la sécurité et les performances
Vous pouvez référencer mip-iframe pour en introduire fonction d'interactions riches, de sorte que même si vous utilisez document.write, ce qui affecte le plus les performances, cela n'affectera pas le rendu de la page principale
Les composants MIP sont open source, permettant aux développeurs de personnaliser les composants fonctionnels et le projet continuera à fournir une variété de composants pour s'adapter aux différents besoins
Toutes les ressources statiques doivent être marquées avec des dimensions
Lors du développement de la page, les ressources ne sont souvent pas définies en largeur et en hauteur, en particulier lors de l'utilisation d'annonces ou d'injections en appelant `document.write() . Étant donné que la taille de la ressource ne peut pas être déterminée, la page doit souvent être redessinée à plusieurs reprises.
Maintenant, MIP exige que toutes les ressources (publicité, images, audio et vidéo) soient marquées par une taille. Lorsque les ressources sont réellement chargées, toutes les tailles de ressources peuvent être déduites immédiatement et rapidement utilisées pour calculer la mise en page. Les ressources chargées seront présentées de manière transparente sans affecter l'expérience de lecture de l'utilisateur en raison des mises à jour fréquentes de la mise en page.
Aucun mécanisme n'est autorisé pour empêcher le rendu des pages
Tous les scripts personnalisés des développeurs doivent être renvoyés au MIP à l'aide de balises MIP, telles que mip-ad, mip-iframe, etc. Ces méthodes ne bloqueront pas la mise en page et le rendu des pages. la page.
Contrôler le chargement des ressources externes
Le runtime MIP contrôlera le chargement des ressources externes pour garantir leur efficacité, afin que le contenu que l'utilisateur souhaite lire apparaisse à l'écran le plus rapidement possible.
Encapsulation de fonctions interactives
MIP préconise que les pages Web puissent offrir aux utilisateurs une expérience directe et simple, mais cela ne signifie pas que MIP limite la vivacité et l'intérêt de la page. Le runtime MIP fournit du JavaScript encapsulé hautement optimisé, de sorte que les développeurs n'ont pas besoin d'investir trop d'efforts dans la mise en œuvre de fonctions interactives complexes.
Autoriser uniquement le chargement des CSS en ligne
, ce qui empêchera le rendu de la page. Les CSS en ligne peuvent réduire les frais généraux du client.
Seules les animations accélérées par le GPU sont autorisées
MIP permet uniquement d'utiliser les transformations et l'opacité pour compléter les effets d'animation. Lorsque l'animation peut être exécutée sur le GPU, seule la fusion des calques de rendu est déclenchée.
Cache MIP
Une autre importance importante du MIP est qu'il peut aider les webmasters à accélérer les pages Web. Baidu mettra en cache les pages Web MIP dans Baidu CDN. La mise en cache MIP peut être utilisée à condition qu'elle soit conforme à la norme MIP.
Ouvert et continuellement mis à jour
MIP est un projet open source et toutes les normes ne sont pas statiques. Nous continuerons à optimiser et attendons avec impatience votre participation !
