Actuellement, il faut des millénaires pour charger mon site, même s'il ne contient presque rien. Mon hypothèse est que c'est parce qu'il y a pas mal d'images et de JavaScript sur la page.
Existe-t-il un moyen de tester la cause des longs temps de chargement?
Testez votre page ici PageSpeed Insights - Développeurs Google et vous verrez toutes les suggestions pour rendre votre site plus rapide.
Voici quelques choses de base que vous pouvez suivre pour augmenter votre vitesse de site:
example.com de com1.example.com et com2.example.com. Cela vous permet de maximumize téléchargements en parallèle. Ne le gardez pas plus de deux à quatre domaines, sinon il va vous donner un DNS peine.
Voici la liste de où vous pouvez tester votre site web:
Également à accélérer la vitesse de votre page, vous pouvez utiliser:
1. Optimiser Vos Images
Savoir quand utiliser le format de fichier approprié pour vos images. Modification d'un format de fichier différent, peut considérablement réduire la taille de fichier d'une image.
Consultez ces ressources pour en savoir plus sur l'optimisation des images:
Pour réduire la taille de vos images, je recommanderais TinyPNG
2. Ne pas redimensionner les Images
Évitez d'utiliser une image plus grande que vous avez besoin simplement parce que vous pouvez définir l' width et heightattributs d' <img> éléments HTML.
* Si vous avez besoin d'un 100x100px image et vous avez un 700x700px de l'image, utiliser un éditeur d'image comme Photoshop ou de l'une de ces basé sur le web des éditeurs d'image pour redimensionner l'image aux dimensions nécessaires. Cela permet de réduire la taille du fichier de l'image, contribuant ainsi à diminuer le temps de chargement de la page.
3. Compresser et Optimiser Votre Contenu
La tâche de la compression de votre contenu de site web peut avoir un énorme impact sur la réduction de temps de chargement. Lors de l'utilisation de la compression HTTP, l'ensemble de votre page web de données est envoyé dans un seul fichier plus petit au lieu d'une demande qui est plein de beaucoup de fichiers différents. Pour plus d'informations, voir cet article de Wikipédia sur la Compression HTTP.
Vous pouvez également optimiser et compresser vos fichiers JavaScript et CSS en les combinant et les minifying le code source.
4. Mettre la feuille de style des Références au Top
Déplacement de votre feuille de style les références à l' <head> de votre document HTML à l'aide de vos pages se sentir comme il est de chargement plus rapide, car cela permet à vos pages de rendre les styles progressivement. En outre, il ne fait pas mal que c'est le standard du W3C.
5. Mettre des Références de Script en Bas
Les navigateurs ne peut télécharger des deux éléments par nom d'hôte dans le même temps. Si vous ajoutez vos scripts vers le haut, il serait bloc de rien d'autre en dessous sur le chargement initial de la page. Cela donne l'impression de la page est en cours de chargement plus lent.
Pour éviter cette situation, la place des références de script aussi loin dans le document HTML que possible, de préférence juste avant la clôture <body> balise.
6. Place du JavaScript et du CSS dans des Fichiers Externes
Si votre code JavaScript et CSS directement dans votre document HTML, ils sont téléchargées à chaque fois qu'un document HTML est demandé. Ce, alors, ne pas tirer parti de la mise en cache du navigateur et augmente la taille du document HTML.
Placez toujours votre CSS et JavaScript dans des fichiers externes; c'est une meilleure pratique qui rend votre site plus facile à maintenir et à mettre à jour.
7. Réduire les Requêtes HTTP
Lorsque vous visitez une nouvelle page web, plus de la page-le temps de chargement est passé le téléchargement des composants de la page (par exemple, images, feuilles de style et scripts).
En minimisant le nombre de demandes d'une page web doit faire, il se charge plus vite. Afin de réduire les requêtes HTTP pour les images, une chose que vous pouvez faire est d'utiliser les sprites CSS pour combiner plusieurs images.
Si vous avez plusieurs feuilles de style et des bibliothèques JavaScript, envisager de les combiner afin de réduire le nombre de requêtes HTTP.
8. Cache De Vos Pages Web
Si vous utilisez un système de gestion de contenu qui génère dynamiquement des pages de votre site web, vous devriez statique de cache de vos pages web et des requêtes de base de données de sorte que vous pouvez réduire la pression sur votre serveur ainsi que d'accélérer les temps de rendu des pages.
9. Réduire Les Redirections 301
Chaque fois qu'une redirection 301 est utilisé, il force le navigateur à une nouvelle URL, ce qui augmente la page-les temps de chargement. Si possible, évitez d'utiliser des redirections 301.
Les autres réponses ici, faire un bon travail de détaillant les performances des outils de débogage et de conseils pour améliorer les temps de chargement, donc je ne vais pas les répéter.
Votre principal problème est que vous chargez absolument tout sur votre site avant de l'affichage de votre page d'accueil pour le visiteur. Ce n'est pas nécessaire, et est le principal contributeur à la perception que votre site se charge lentement.
Je peux comprendre que vous voulez de précontrainte autant que possible, de sorte que le visiteur navigue sur votre site, tout semble se chargent instantanément. Cependant, tout ce que vous avez à faire est de déplacer le petit temps de chargement pour chaque section dans une immense avant de du temps de chargement. Où un visiteur peut parcourir un seul domaine de votre site, ils sont toujours de payer pour le temps de chargement de l'ensemble du site, au lieu de simplement les sections que vous visitez.
La façon la plus simple à mettre en œuvre de petits temps de chargement est de diviser chaque section dans sa propre page, et puis le chargement de ce que vous visualisez sur cette page. Des ressources telles que Javascript et CSS généralement cache assez bien, vous n'avez généralement pas besoin de s'inquiéter à propos de leur temps de chargement impact sur autre chose que votre page d'accueil.
Sinon, en supposant que vous souhaitez conserver la totalité de votre site sur une page, vous aurez besoin d'ajouter dynamiquement les différentes sous-sections de la page à l'aide de Javascript, une fois tout le nécessaire pour votre page d'accueil a fini de se charger, et la barre de progression a été caché. Oui, si le visiteur est rapide pour cliquer sur une sous-section, ils vont voir que son contenu soit chargé, mais si ils sont seulement intéressés par votre Contactez-Moi l'article, ils seront en mesure d'obtenir les informations dont ils ont besoin beaucoup plus tôt sans même se rendre compte que les autres sections n'ont pas entièrement chargé.
Cela, et ne pas utiliser d'énormes images d'arrière-plan. Il est normal de haut de gamme à une réduction de la résolution de l'image pour remplir l'écran, et le niveau de compression JPEG pour réduire la taille du fichier. C'est une image d'arrière-plan et ne doit pas être un point de contact - laisser les images à haute résolution pour votre portefeuille. :)
Chrome dispose d' une console sur laquelle vous pouvez afficher les temps de chargement du site et tout ce qui doit être téléchargé.
Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.
