19 Jan 2018

GTmetrix: mesurer la vitesse de chargement de votre site web

Posté dans Liens utiles par Webmaster le 19 janvier 2018

Le site GTmetrix vous propose de tester et d’analyser la rapidité de chargement de votre site web. Les résultats affichés sont très précis et vous permettront de savoir quelles sont les parties de votre site qu’il faut améliorer pour augmenter sa rapidité de chargement.

Le site est ici:

https://gtmetrix.com/

Laisser un commentaire Annuler la réponse

Vous devez vous connecter pour publier un commentaire.

Rechercher
Réseau Blogmania
Articles au hasard…
- WebCopy: aspirer un site web
  
  Aspirer un site internet c’est-à-dire récupérer toutes les données du site (pages html, images,…) peut être intéressant si l’on souhaite consulter le site hors ligne ou bien en récupérer les ressources. Mais les logiciels d’aspiration de web ne sont pas légion. L’un des plus connus est httrack (https://www.httrack.com/). Mais je ne l’ai jamais trouvé performant. Il s’interrompt fréquemment et n’aspire souvent qu’une partie du site. Je vous propose une alternative qui se nomme WebCopy. J’ai testé ce logiciel avec le même site que Httrack et le résultat st complètement différent. httrack s’est interrompu à deux reprises en ayant chargé même pas la moitié du site. Alors que WebCopy en a aspiré la totalité sans aucune perte ni interruption. Le site officiel est ici: https://www.cyotek.com/cyotek-webcopy Le logiciel est très simple d’utilisation. Vous entrez l’adresse du site dans la barre et vous cliquez sur le bouton “copy”. Il n’y a plus qu’à patientez. Je précise que le logiciel est gratuit et fonctionne sous Windows à partir de Vista.
- Installation d’une Imprimante HP en réseau sous Linux
  
  Voici comment installer une imprimante HP Laserjet 200 PRO sous Linux Mint. Cependant le modus operandi ne devrait pas être très différent sous une autre distribution, ou pour un autre modèle d’imprimante HP tant que HPLIP (HP Linux Imaging and Printing) peut être installé. De la même façon, une installation en connexion USB utilisera les mêmes outils, seuls les choix dans les menus différeront quelque peu. HPLIP gére plus de 1500 modèles HP: imprimantes laser, jets d’encre, et fax (voir https://www.openprinting.org/driver/hplip/ ). Je vous déconseille donc d’installer votre imprimante HP par la méthode classique sous Linux (ex: Centre de contrôle / Imprimantes / Ajouter …) car vous n’auriez sans doute qu’une gestion incomplète de votre matériel. Dans les copies d’écrans textes ci-dessous, Les questions réponses sont surlignées en gras. Pour commencer, il est préférable de mettre à jour votre système en tapant les commandes habituelles: $ sudo apt-get update$ sudo apt-get upgrade Installez ensuite le paquet HPLIP: $ sudo apt-get install hplip Il faut maintenant installer les plugins (firmware des imprimantes ). Lancez les commandes suivantes en mode utilisateur (non root): $ hp-plugin -i HP Linux Imaging and Printing System (ver. 3.17.10) Plugin Download and Install Utility ver. 2.1 Copyrights …. (Note: Defaults for each question are maked with a ‘*’. Press to accept the default.) | PLUG-IN INSTALLATION FOR HPLIP 3.17.10 | Option Description ———- ————————————————– d Download plug-in from HP (recommended) p Specify a path to the plug-in (advanced) q Quit hp-plugin (skip installation) Enter option (d=download*, p=specify path, q=quit) ? d | DOWNLOAD PLUGIN | Checking for network connection… Downloading plug-in from: Downloading plug-in: [\] 0% Receiving digital keys: /usr/bin/gpg –homedir /home/user/.hplip/.gnupg –no-permission-warning –keyserver pgp.mit.edu –recv-keys 0x4ABA2F66DBD5A95894910E0673D770CDA59047B9 | INSTALLING PLUG-IN | Creating directory plugin_tmp Verifying archive integrity… All good. Uncompressing HPLIP 3.17.10 Plugin Self Extracting Archive…………………………………………Do you accept the license terms for the plug-in (y=yes*, n=no, q=quit) ? y Please enter the sudoer (user)’s password: Done. Done. A ce stade, nous allons détecter l’imprimante réseau. Celle-ci doit être allumée ;=). Je vous conseille également de désactiver temporairement votre pare-feu (ex: sudo ufw disable ) $ hp-probe HP Linux Imaging and Printing System (ver. 3.17.10) Printer Discovery Utility ver. 4.1 Copyright (c) … | SELECT CONNECTION (I/O) TYPE | Num Connection Description Type ———————————————————- 0* usb Universal Serial Bus (USB) 1 net Network/Ethernet/Wireless (direct connection or JetDirect) 2 par Parallel Port (LPT:) Enter number 0…2 for connection type (q=quit, enter=usb*) ? 1 Using connection type: net | DEVICE DISCOVERY | Probing network for printers. Please wait, this will take approx. 10 seconds… Device URI Model Name ——————————————————- hp:/net/HP_LaserJet_200_colorMFP_M276nw?ip=192.168.0.XX HP_LaserJet_200_colorMFP_M276nw NPI6BEABC Found 1 printer(s) on the ‘net’ bus. Done Tout se passe bien puisque l’imprimante est détectée. Dans le cas contraire faites les vérifications d’usage: imprimante alluméepare-feu désactivé (Attention le pare-feu tout ouvert en sortie peut ne pas suffire …)interfaces dans le même sous-réseau TCP/IPinterface réseau de l’imprimante active et configurée réseau fonctionnel (ping imprimante …)la désactivation de certains protocoles (bonjour, snmp, WS, …) peut empécher la bonne détection de l’imprimante… et relancez hpprobe Procédons à l’installation proprement dite: $ hp-setup -i HP Linux Imaging and Printing System (ver. 3.17.10) Printer/Fax Setup Utility ver. 9.0 Copyright (c) 2001-15 HP Development Company, LP This software comes with ABSOLUTELY NO WARRANTY. This is free software, and you are welcome to distribute it under certain conditions. See COPYING file for more details. (Note: Defaults for each question are maked with a ‘*’. Press to accept the default.) | SELECT CONNECTION (I/O) TYPE | Num Connection Description Type ———————————————————- 0* usb Universal Serial Bus (USB) 1 net Network/Ethernet/Wireless (direct connection or JetDirect) 2 par Parallel Port (LPT:) Enter number 0…2 for connection type (q=quit, enter=usb*) ? 1 Using connection type: net Setting up device: hp:/net/HP_LaserJet_200_colorMFP_M276nw?ip=192.168.0.XX | PRINT QUEUE SETUP | Please enter a name for this print queue (m=use model name:’HP_LaserJet_200_colorMFP_M276nw’*, q=quit) ?HP_LJ_200_pro Using queue name: HP_LJ_200_pro Locating PPD file… Please wait. Found PPD file: hplip:0/ppd/hplip/HP/hp-laserjet_200_colormfp_m276-ps.ppd Description: Note: The model number may vary slightly from the actual model number on the device. Does this PPD file appear to be the correct one (y=yes*, n=no, q=quit) ? y Enter a location description for this printer (q=quit) ? Enter additonal information or notes for this printer (q=quit) ? Adding print queue to CUPS: Device URI: hp:/net/HP_LaserJet_200_colorMFP_M276nw?ip=192.168.0.XX Queue name: HP_LJ_200_pro PPD file: hplip:0/ppd/hplip/HP/hp-laserjet_200_colormfp_m276-ps.ppd Location: Information: | FAX QUEUE SETUP | Please enter a name for this fax queue (m=use model name:’HP_LaserJet_200_colorMFP_M276nw_fax’*, q=quit) ?HP_LJ_200_pro_fax Using queue name: HP_LJ_200_pro_fax Enter a location description for this printer (q=quit) ? Enter additonal information or notes for this printer (q=quit) ? Adding fax queue to CUPS: Device URI: hpfax:/net/HP_LaserJet_200_colorMFP_M276nw?ip=192.168.0.XX Queue name: HP_LJ_200_pro_fax PPD file: /usr/share/ppd/hplip/HP/HP-Fax2-hpcups.ppd.gz Location: Information: | FAX HEADER SETUP | Would you like to perform fax header setup (y=yes*, n=no, q=quit) ?n | PRINTER TEST PAGE | Would you like to print a test page (y=yes*, n=no, q=quit) ? y Done. La dernière question doit vous permettre d’imprimer une magnifique page de test, pour peu que vous ayez mis de la bonne volonté et du papier dans le bac à feuilles ! Vous retrouverez évidemment votre imprimante/Fax/Scanner dans le gestionnaire d’impression (ex: Centre de contrôle / Imprimantes) pour gérer votre file d’impression graphiquement Enfin, n’oubliez pas de réactiver votre pare-feu (ex: sudo ufw enable). Voilà pour ce tuto. Avant installation je craignais une gestion limitée de mon matériel, par rapport à une gestion sous Windows, mais il n’en est rien. Mon imprimante HP Laserjet 200 pro est parfaitement bien gérée sous Linux par HPLIP, jugez vous même: Impression réseau (ou USB, comme il vous plaira)impression NB / Couleur (pas mal ;=))partage d’imprimantegestion du contrôle d’accèsgestion des numérisations réseau avec ‘Simple Scan’récupération des numérisations sur partage réseau SMB…
- W3C ou pas ?
  
  Vérifiez que votre site respecte les normes fixées par le W3C en soumettant votre site à l’adresse suivante: https://validator.w3.org/ Rien de mieux que Wikipedia pour quelques rappels sur le W3C: https://fr.wikipedia.org/wiki/World_Wide_Web_Consortium
- Tutoriel Visionaire Studio n°2: créer son personnage
  
  Dans le tutoriel précédent, nous avions vu comment créer une scène. Nous allons maintenant voir comment créer le personnage. J’entends ici le personnage principal c’est-à-dire celui que vous dirigerez dans le jeu. Cliquez cette fois sur l’icone représentant un personnage. Cliquez sur le symbole “+” afin de créer un nouveau personnage. Vous pouvez ensuite le renommer. Je l’appelle ici Personnage (quelle imagination !). Vous apercevez ici dans l’onglet “outfits” plusieurs sous-menus. Nous nous intéresserons ici au sous-menu “Standing animations” qui correspond aux animations fixes de votre personnage en position debout. Il y a en a 4: face, de dos, coté gauche et coté droit. Nous allons commencer par l’image de votre personnage de face. Cliquez sur “front” puis sur le symbole “+”. Une fenêtre va s’ouvrir afin d’aller chercher le fichier image de votre personnage lorsqu’il vous fait face. Bien entendu ce tutoriel sous entend que vous avez déjà créé votre personnage sous ses différentes postures. Cliquez sur les 3 petits points pour aller chercher votre fichier image sur votre disque dur. Voici ce que ça donne, une fois l’image chargée. Vous constaterez ici que la transparence de votre image n’est pas visible. C’est le cas si vous avez conçu une image sans le faire sur un fond transparent. Ce n’est pas grave, voici la démarche à suivre pour que ce fond (qui ici est de couleur rose) devienne transparent. D’abord la flèche verte pour choisir “Color”, ensuite cliquez sur la pipette (flèche rouge) et cliquez sur le fond rose de l’image (flèche bleue). Je le répète cette manœuvre n’est pas à effectuer si votre personnage est déjà sur un fond transparent (désigné par un quadrillage de carrés gris et blancs). Avant de voir le résultat, une petite précision si vous ne l’avez pas compris. La transparence est importante car lorsque votre personnage sera sur le décor, le fond de l’image (ici le rose) ne doit pas apparaitre, c’est bien le décor qui doit apparaitre au delà du contour qui dessine votre personnage. Votre personnage est maintenant sur un fond transparent. Vous pouvez valider. Il faut maintenant désigner l’axe central de votre personnage. Il doit être placé tout en bas (ici sous les chaussures) et au milieu de votre personnage. Pour cela cliquez sur la flèche verte sur l’icône représentant une fenêtre. Puis effectuez la manipulation expliquée et désignée par la flèche rouge. Il ne vous reste plus qu’à recommencer la manipulation avec les 3 autres positions. Par exemple ici celle de dos désignée par la flèche verte. Après avoir vu les positions fixes de votre personnage, il faut maintenant effectuer les positions dynamiques c’est-à-dire lorsqu’il marche. Il s’agit du menu “Walk animations”. Vous apercevez comme le menu “Standing animations”, quatre positions correspondant à votre personne qui marche vers vous, qui s’éloigne de vous, qui marche vers la droite, et enfin vers la gauche. Avant de poursuivre il est nécessaire d’avoir plusieurs images correspondant à une animation de votre personnage comme suit: En effet, c’est le principe du dessin animé, une animation est une succession d’images fixes. Nous allons commencer par la position de face. La manipulation est la même que pour la position fixe sauf que vous allez ajouter les images les une après les autres, toujours avec l’icône “+”. Vous pouvez constater que toutes les images ajoutées sont représentées par des petites “bâtonnets”dans la barre désignée par la flèche verte. Vous pouvez cliquer indépendamment sur chaque “bâtonnet” pour voir les images chargées. A noter il n’est pas nécessaire de définir à chaque fois l’axe central du personnage, vous ne le faites que pour la première image de l’animation. Vous pouvez voir sur l’image ci-dessous que j’ai ajouté une troisième image d’animation. (flèche verte). Passons à l’étape suivante. Il faut maintenant définir la vitesse de l’animation c’est-à-dire le temps entre chaque image. Cliquez sur l’icône représentant “deux petites roues crantées”désigné par la flèche rouge. Je définis ici un temps de 70 milliseconde entre l’affichage de chaque seconde. Si je diminue ce temps, mon personnage donnera l’impression de courir. Si vous augmenter, votre personnage se déplacera plus lentement. Le symbole désigné par la flèche rouge est important car il définit le sens de votre animation. Ici il est par défaut vers le bas car votre personnage est animé pour marcher vers vous. Lorsque vous effectuerez l’animation de votre personnage qui marche vers la droite, vous cliquez sur le coté droit du symbole pour que la ligne en gras (comme la grande aiguille sur une horloge) désigne la droite. Il vous reste à effectuer les animations pour les 3 autres positions. C’est assez fastidieux mais indispensable. Il reste d’autres animations possibles pour votre personnage comme par exemple les animations correspondant à votre personnage qui parle. Il suffira de dessiner des images où votre personnage aura la bouche ouverte et ce dans les 4 positions. On pourra aller plus loin en imaginant également en position debout ou en marchant. Ces animations sont désignées ici par la flèche verte. C’est tout pour ce tutoriel qui vous demandera pas mal de manipulations. Nous verrons dans le prochain comment inclure le personnage dans une scène. Ressources utilisées lors de ce tutoriel: images constituant le personnage
Catégories
- Actualités (3)
- Applications Android (7)
- Boutique en ligne (7)
- Divertissement (5)
- Liens utiles (29)
- Logiciels (39)
- SOS informatique (25)
- Tutoriel (36)
- Webmaster (28)
Partenaires

Articles similaires

Laisser un commentaire Annuler la réponse