Yohann Nizon

Passionné par l'informatique, et le développement web, j'espère apporter des conseils et quelques retours d'expérience au plus grand nombre.

Réduire le poids des images via le redimensionnement automatique

Lorsqu’on aborde le temps de chargement (pour le seo), on parle bien souvent d’optimiser les images. Nous avons déjà vu des techniques à base d’optipng, de jpegtrans, ou même de Gulp. Mais ces optimisations ne servent finalement pas à grand chose si les images sont de tailles trop volumineuses.
Ex: vous avez une image de 4000 x 2000 pixels qui fait 6,2 Mo. Vous pouvez surement l’optimiser pour arriver à 6 Mo, mais avez-vous vraiment besoin de cette taille ? Peut être qu’une simple image de 300 x 150 suffirait ? Voyons ici comment redimensionner automatiquement au plus juste ces images.

Lire la suiteRéduire le poids des images via le redimensionnement automatique

Laravel Nova tutoriel – l’interfacage PHP avec Vue JS

Pour les fêtes, on m’a offert un super package: Laravel Nova (merci Mathieu). Nova est un addon créé par le fondateur de Laravel : Taylor Otwell.
Celui-ci permet de créer une interface d’administration en créant seulement quelques fichiers de configuration. Dans l’exemple ci-dessus, nous avons par exemple, une interface permettant de gérer 6 ressources. En règle général, il faudrait créer autant de controller et de fichiers de template pour gérer les 4 cas (création, mise à jour, suppression, et affichage) pour chacune des ressources. Mais ici, Nova, nous simplifie le travail. Il suffit de lui dire de quel objet on parle, de lui indiquer si tel champ est une liste déroulante, un booléen, une date, un objet client… et celui ci se charge de nous construire tout ça. Voyons ensemble comment tout ça fonctionne…

Lire la suiteLaravel Nova tutoriel – l’interfacage PHP avec Vue JS

Dareboost API > Package for PHP framework

Ayant réalisé un package pour l’utilisation de l’API Dareboost en PHP, je tenais à en faire un peu la promotion ici.
Pour rappel, le but d’un package est de permettre la réutilisation du code dans d’autres projets en installant juste une ligne dans composer:
composer require ynizon\dareboost-php

Pour le détail des éléments qui se trouvent à l’intérieur, suivez le guide.

Lire la suiteDareboost API > Package for PHP framework

Comment passer votre site WordPress en PWA ?

Les PWA (progressives web apps) sont des sites comparables aux applications mobiles. On peut y ajouter des notifications, un système d’accessibilité offline… Le fait d’être compatible est aujourd’hui pris en compte dans les audits Lighthouse de Google, et va donc forcément influencer votre indexation dans les moteurs de recherche. Mais comment rendre son site web compatible PWA ? Voyons ensemble la méthode pour y parvenir.

Lire la suiteComment passer votre site WordPress en PWA ?

Ok google, parlez à docteur référencement

Depuis quelques heures, vous pouvez demander à votre assistant Google des informations sur le référencement. Pour cela, il vous suffit de lui dire : « Ok google, parlez à docteur référencement« .
Je voulais voir comment fonctionnait Dialogflow et ce petit projet devrait aider ceux qui bricolent un peu dans le monde du SEO.
Le but n’est bien évidemment pas d’avoir un outil clé en main qui vous générera du code en fonction de vos besoins, mais il vous donnera des explications sur des termes plus ou moins connus. Faisons ensemble le tour du propriétaire.

Lire la suiteOk google, parlez à docteur référencement

Résumé du DevFest 2018 (Nantes)

En dehors du fait que de sortir la tête de son code et de reparler à des humains, fait toujours du bien 🙂 ,le devFest est pour moi l’un des rares moments ou l’on peut découvrir les tendances du développement,  apprendre le métier de ses pairs, et découvrir de nouvelles pratiques. Cette année encore, j’y ai appris pas mal de choses, et je vous propose ici d’en lister un bref résumé.

Lire la suiteRésumé du DevFest 2018 (Nantes)

Installer un debugger avec Laragon et PHP Storm

Lorsque vous faites du Java, vous avez accès automatiquement à des outils de débuggage avec Eclipse ou IntelliJ. Cela vous permet de placer des points d’arrêt, de suivre l’évolution de vos variables… Mais en PHP, les projets restent généralement moins compliqués, et beaucoup de développeurs codent encore sous Notepad++. Bref, je vous propose ici, un petit tutoriel pour voir comment installer un debugger avec l’environnement PHP Storm.

Lire la suiteInstaller un debugger avec Laragon et PHP Storm

Faire du Blackhat SEO sur les comptes des enfants stars, une future tendance ?

piratage de site, comment dupliquer un site

Récemment, j’ai lu cet article du monde ou l’on apprend que des enfants sont capables d’avoir des millions de vues Youtube, alors qu’ils n’ont même pas 10 ans. Voulant en savoir plus, j’ai donc été sur le compte d’une jeune fille qui se nomme Paola Locatelli pour regarder le contenu de ses vidéos, et là, ça été la révélation ! Vous voulez connaitre le moyen pour doper vos visites ? Attention, cette méthode est blackhat, pas du tout éthique, et en plus complètement illégale, mais elle est sûre de fonctionner.

Lire la suiteFaire du Blackhat SEO sur les comptes des enfants stars, une future tendance ?

Le code 304 ou comment booster l’affichage de vos pages (Optimisation SEO)

Qu’est ce qu’une 304 ?

Une 304 c’est un code retourné par le serveur web pour afficher la page de votre navigateur beaucoup plus rapidement qu’un code 200.  Ce code envoie simplement au navigateur la date de dernière modification. Lors de la 1er visite, vous aurez le code 200, puis à la 2e visite, si la page n’a pas été modifiée, alors votre navigateur affichera instantanément la page demandée avec une 304. Vous voulez voir ce que ça donne en temps réel, alors testez cet exemple. Pour bien vous montrer la différence de vitesse, celui ci va chercher le contenu de 100 fichiers texte pour les afficher. Au lieu de faire 100 requêtes curl, vous n’en aurez aucune ! En condition de page réel (une page produit par ex), les performances sont bien évidemment plus minimes.

Pour pouvoir réaliser une 304, vous avez 2 moyens. Voyons ensemble comment ça se passe.

Lire la suiteLe code 304 ou comment booster l’affichage de vos pages (Optimisation SEO)

Refonte du site de musique music.gameandme.fr

Peut être ne connaissez-vous pas encore mon site de musique permettant de naviguer dans Youtube à travers une interface épurée et un algorithme de similarité exceptionnel 🙂 – un peu comme Youtube Music. J’en avais déjà parlé dans cet article « la musique de Youtube dans une belle interfaçe », et pour ceux qui veulent l’essayer, il se … Lire la suiteRefonte du site de musique music.gameandme.fr