Menu Fermer

WordPress page loading image & animation comment faire et considérer

Chargement de la page WordPress Comment créer des images et des animations et intitulé "Situation" est vraiment important. Je dois dire ceci à la personne qui est venue mettre en œuvre la page de chargement en ce moment.

Dans l'environnement Internet rapide moderne, si le temps de chargement est retardé de plus de 3 secondes en moyenne, un grand nombre d'utilisateurs s'en vont. C'est une sorte d'astuce qui vous permet de déterminer intuitivement qu'un utilisateur est «bientôt sur la page» en chargeant le chargement d'images et d'animations au lieu de charger ou de charger l'écran et de ne pas faire de pause.

Ainsi, la première chose à prendre en compte lors de la création d'une image ou d'une animation de chargement via cette page est le plug-in du chargeur ou le codage: "Mon site est-il suffisamment lent pour implémenter l'image de chargement?" Une image à chargement de page est très efficace (statistiquement, le taux de rebond est réduit d’environ 30%) si l’image est traditionnelle, si elle est volumineuse ou si elle est lente ou lente pour diverses raisons, telles que beaucoup de scripts ou serveurs d’hébergement lents. Cependant, si la vitesse de chargement de la page est déjà suffisamment rapide pour durer environ 1 à 2 secondes et si vous utilisez le chargement d'images, pour d'autres raisons, telles que le design ou les kanji, vous êtes vivement déconseillé.

La raison en est que vous devez implémenter une image de chargement, couvrir la page et disparaître à nouveau, ce qui entraînera des temps de chargement et d’animation supplémentaires qui ne seront pas suffisants pour être appliqués. Vérifiez donc la liste de contrôle suivante avant de créer l’image de chargement et, si vous avez besoin de l’appliquer, appliquons les plugins ci-dessous.

  1. La vitesse de chargement des pages est lente> Recommandation
  2. La vitesse de chargement des pages est rapide>
  3. Il existe une option pour implémenter une page de chargement de page spécifique uniquement dans le plugin.
  4. La vitesse de chargement des pages est rapide, elle n’est ni trop lente ni ambiguë.> N'hésitez pas un instant, mais vous pouvez l’appliquer directement et juger de la rapidité et du confort de l’expérience pratique et l’utiliser.

    Comment créer une image de chargement et une animation

Il existe deux manières de créer une page de chargement: via le codage direct et via un plugin. C'est GKKmon qui minimise le nombre de plug-ins et le nombre de plug-ins en les codant directement, mais il est plus stable et plus rapide d'utiliser des plug-ins tels que le chargeur de page. Surtout en cas de codage, il y a un bug que l'image de chargement ne disparaît pas dans un environnement donné, il n'est pas gênant de gérer les erreurs par environnement. Par conséquent, la stabilité est le facteur le plus important lors de l'utilisation du chargeur de page afin d'éviter que l'utilisateur ne s'écarte du temps de chargement de la page.

Donc, si vous devez installer des plugins, vous ne devriez jamais installer «Preloader by SWS», qui est le plus populaire. Si vous recherchez un plugin à l'aide de ce mot clé, il semble que le plugin nommé "Preloader by WordPress Monsters" a été modifié pour être diffusé. Si vous le recherchez dans Google, il durera plus de 2 ans N'est-ce pas un plug-in.

GKKmon a testé et testé des plugins «Préchargement» , 'Chargement de la page avec l'écran de chargement' , 'LoftLoader' Il y en avait trois.

    Précharge

  • Vitesse - lente à moyenne
  • Fonction - normale
  • Tout d'abord, les fonctionnalités que devrait avoir le plugin de chargeur de page sont fondamentalement équipées. Le fournisseur de plug-in a son propre Précharge chargement du site de création d'image L'avantage est qu'il est facile de créer et de personnaliser diverses images de chargement directement via l'avantage (car vous pouvez uniquement créer des images ici et utiliser d'autres plug-ins ...).

    Le plus gros inconvénient est le problème de la «rapidité». Il faut beaucoup de temps pour télécharger l'image de chargement, pour afficher l'écran de chargement, pour sauvegarder le contenu après le chargement, et les processus ne sont également pas agréables. Donc, à moins que vous n'ayez une raison d'utiliser ce plugin, c'est un plugin que vous ne recommandez pas. En outre, on dit qu’il a certaines fonctions, mais c’est vraiment basique. Vous ne pouvez pas définir d'URL de configuration de page spécifique, et il n'y a pas d'autres effets ou fonctionnalités. Je peux dire que c'est simple si c'est simple (mais c'est simple mais pas rapide?).

    Veuillez noter que l'installation et l'activation du plug-in ne fonctionnent pas immédiatement. Après activation <div id="wptime-plugin-preloader"></div> Le code nommé site 'header.php' De <body> Cela ne fonctionne que si vous le mettez à l'intérieur.

      Chargement de la page avec l'écran de chargement

  • Vitesse - très rapide
  • Caractéristiques - nouveauté, variété
  • Le meilleur des plugins qui fonctionnent comme des chargeurs de pages de base! La raison est parce que c'est rapide. Cela semble être lié à la raison de son accélération, bien que l'expression du contenu ne semble pas satisfaisante au moment du chargement, mais il s'agit d'un plug-in intéressant, car il est extrêmement rapide par rapport à 'Preloader'.

    Il est utilisé immédiatement après l'installation du plug-in et l'icône de chargement par défaut est excellente. La barre de pourcentage de chargement affichant l'écran de chargement en pourcentage est également activée par défaut. L'image de chargement contient au total 10 images de base, qui sont généralement les plus intuitives et les plus propres. Vous pouvez bien sûr utiliser l'image de votre choix comme entrée de lien. Vous pouvez également désactiver la barre de pourcentage de chargement. Les autres caractéristiques clés sont décrites brièvement ci-dessous.

  • Activer l'écran de chargement - Utiliser l'écran de chargement
  • Afficher un bouton d'écran de fermeture - Utilise ou non le bouton de fermeture sur l'écran de chargement
  • Supprimer l'écran de chargement dans l'événement onload window - Utilisez un écran de chargement pour ouvrir une nouvelle fenêtre telle que l'événement 'onload'
  • Afficher l'écran de chargement - Ajuste la taille de la zone de l'écran de chargement, en pixels
  • Afficher l'écran de chargement - Détermine combien de fois l'écran de chargement est affiché. 'toujours: toujours, une fois par session: une fois par session, une fois par page: une fois par page'
  • Afficher l'écran de chargement dans - Détermine depuis quel écran l'écran de chargement est affiché. 'page d'accueil uniquement: sur l'écran d'accueil uniquement, toutes les pages: sur tous les écrans, les pages spécifiques: sur des pages spécifiques (entrez des articles ou des identifiants de page séparés par des virgules)
  • Exclure l'écran de chargement de - Supprime l'écran de chargement d'un écran spécifique uniquement. De même, entrez les articles ou les identifiants de pages séparés par des virgules
  • Sélectionner l'écran de chargement - Choisissez si vous souhaitez afficher l'image de chargement ou seulement la barre de pourcentage de chargement.
  • Sélectionnez l'image du logo (ou toute autre image) - Sélectionnez l'image à charger. Vous pouvez choisir parmi les images par défaut en bas ou définir vous-même.
  • Sélectionner la couleur de fond - Sélectionnez la couleur de fond. «Appliquer la transparence» à droite indique si la transparence est sélectionnée
  • Afficher une image en plein écran - Indique si l’image est affichée en plein écran. (Non visible dans certains environnements)
  • Sélectionner la couleur de premier plan - Sélectionner la couleur de premier plan
  • Secondes supplémentaires - Définissez le nombre de secondes supplémentaires à charger après le chargement de la page (la valeur par défaut est 0 seconde).
  • Incluez une annonce ou votre propre bloc de code. Vous pouvez littéralement mettre le code d'annonce ou le code souhaité sur l'écran de chargement. Une fonctionnalité très utile et amusante.
  • Appliquez l'effet sur la page. Il y a une valeur par défaut 'none' et une option 'rotatelnLeft' où la page apparaît à gauche Il semble que vous puissiez utiliser plusieurs effets en plus de la version payante.
  • Afficher le pourcentage de chargement. Vous pouvez activer et désactiver la barre de pourcentage de chargement.
  • La fonctionnalité de chargement paresseux en bas est une technique qui accélère les images en retard, ce qui est également disponible dans la version payante.
  • C'est rapide, et bien que limité, il y a beaucoup de fonctionnalités disponibles et de nouveauté. L'une des fonctionnalités les plus intéressantes est la fonctionnalité "Inclure une annonce ou votre propre bloc de code", ce qui le rend attrayant pour pouvoir lancer des annonces et des phrases librement sur l'écran de chargement. Donc, il semble être disponible à d'autres fins, ainsi que pour le chargement des images.

      LoftLoader

  • Vitesse - lente ~ animation normale mais tellement fluide
  • Caractéristiques - Focus sur les effets d'animation
  • Enfin, 'LoftLoader' est le plugin d'animation de chargement le plus dynamique. Le fait que le chargeur de page soit différent des autres chargeurs de page est centré sur une animation de chargement magnifique, lisse et naturelle. L'écran de configuration peut également être défini comme l'écran «personnalisé» de WordPress.

    L'image de l'icône de chargement est également très belle, fluide, dynamique et homogène, fondu à gauche et à droite, ainsi que de haut en bas; l'écran s'ouvre et s'ouvre, donnant au site un aspect luxueux avec un seul écran de chargement. Le temps de chargement n'est pas le temps ennuyeux, mais plutôt le plaisir des yeux, qui est probablement le mieux adapté au but de Page Loader.

    Mais l'inconvénient évident est que c'est aussi un peu lent. Il est vrai que Am est un peu réticent à utiliser parce que LoftLoader est visiblement plus lent que lorsque vous n’utilisez pas LoftLoader. De plus, les appareils mobiles ne sont pas affichés en plein écran sur certains appareils ou navigateurs. Bien que les inconvénients soient très évidents, ils sont esthétiquement supérieurs et les avantages pour les utilisateurs devraient être considérablement réduits. Les fonctions sont omises car elles sont plus rapides à appuyer directement qu'à expliquer.

      Finish

    Dans l'environnement Internet rapide moderne, si le temps moyen de chargement de plus de 3 secondes est retardé, la plupart des utilisateurs partiront. Parce que le chargement d'images et d'animations aide les utilisateurs à faire des jugements intuitifs tels que "l'écran va apparaître" pendant le délai, ils ne créent pas d'ennui ni de cassures, et le taux de troncature moyen est réduit de 30% en un tour C'est une excellente fonctionnalité. Mais, comme je l’ai dit au début, faisons en sorte qu’il soit judicieux et efficace de garder à l’esprit que, en moyenne, les sites performants peuvent être plutôt empoisonnés.

    Laisser un commentaire

    Votre adresse de messagerie ne sera pas publiée.

    Posted in All, Wordpress

    이메일 구독 - Email Subs

    최선을 다해 직접 만든 콘텐츠만 공유합니다.
    We share the best content we have created.