Présentation de l'outil http://yellowlab.tools
Pourquoi le JavaScript peut-il être si lent ?
Comment l'accélérer en diminuant le nombre d'accès au DOM ?
Comment utiliser Yellow Lab Tools pour analyser le code JS et trouver des axes d'optimisaiton ?
Optimiser Wordpress : présentation préparée pour le Wordpressday Algérie en décembre 2011 par Jean-François VIAL
La video du screencast : http://vimeo.com/33115346
Licence : CC-By-SA
Migration de données… Destination WordPress !Willy Bahuaud
Lorsque l’on s’attaque à la refonte d’un site Web avec une quantité de pages conséquente, le transfert des données existantes est un enjeu de premier ordre.
Je vous propose donc de découvrir comment fonctionne un script de migration afin de pouvoir basculer de n’importe quel CMS vers WordPress !
Dans cette présentation, vous découvrirez ma technique personnelle, des fonctions PHP de WordPress très utiles qui vous serviront également dans d’autres contextes, ainsi que des petites astuces pour éviter certains écueils liés à la migration.
Présentation de l'outil http://yellowlab.tools
Pourquoi le JavaScript peut-il être si lent ?
Comment l'accélérer en diminuant le nombre d'accès au DOM ?
Comment utiliser Yellow Lab Tools pour analyser le code JS et trouver des axes d'optimisaiton ?
Optimiser Wordpress : présentation préparée pour le Wordpressday Algérie en décembre 2011 par Jean-François VIAL
La video du screencast : http://vimeo.com/33115346
Licence : CC-By-SA
Migration de données… Destination WordPress !Willy Bahuaud
Lorsque l’on s’attaque à la refonte d’un site Web avec une quantité de pages conséquente, le transfert des données existantes est un enjeu de premier ordre.
Je vous propose donc de découvrir comment fonctionne un script de migration afin de pouvoir basculer de n’importe quel CMS vers WordPress !
Dans cette présentation, vous découvrirez ma technique personnelle, des fonctions PHP de WordPress très utiles qui vous serviront également dans d’autres contextes, ainsi que des petites astuces pour éviter certains écueils liés à la migration.
La majorité des problèmes rencontrés en production auraient pu être anticipées en amont. Rapide aperçu du process entre le développement et la mise en production.
10 Slides à lire avant de commencer le développement AndroidAnthony Faucogney
Des liens, des resources, des bonnes pratiques, des erreurs. Un feedback sur la plateforme Android de la part d'un ingénieur qui découvre la programmation sur ce plateforme.
Ting - Un datamapper PHP sous stéroïdesXavier Leune
Slides de ma présentation lors du meetup du 9 juin 2016 dans les locaux de CCM Benchmark, organisé avec l'AFUP Paris.
Dans ce talk j'ai notamment parlé de Ting, le datamapper que nous avons conçu pour nos besoins et choisi d'open sourcer.
L’intégration continue c’est bien, mais le déploiement continu c’est mieux! Le gain est évident : une boucle de rétroaction encore plus rapide. Les dangers le sont également : les outils et tableaux de bords doivent être digne de confiance. La qualité doit également être au rendez-vous. Comment diminuer ces risques et aller chercher ce gain en rétroaction est le sujet que nous allons explorer.
Industrialisation des environnements de dev avec Puppet et Amazon (mais en fa...Nicolas Silberman
Retour d'experience du Groupe Express Roularta sur l'intégration de Puppet (mais finalement Chef) dans leur système d'information, permettant en quelques cliques et quelques minutes de mettre en place une ou plusieurs machines de développement parfaitement fonctionnelle et à jour, le tout hébergé sur le cloud Amazon.
Construire Des Applications Cloud Natives - SymfonyLive Paris 2016Ori Pekelman
Ces-jours-ci on ne parle que de montée en échelle et de scalabilité horizontale.
Dans cette présentation, un peu abstraire mais bien pratique, nous parlerons des choix architecturaux que vous pouvez faire pour rendre votre application prête pour un succès planétaire (dommage d’échouer an ayant réussi).
Nous allons parler de micro-services, de leur utilité et leurs limites, là où l’on veut communiquer par JSON/HTTP (que d’autres appels REST) et là où un Message Queue en bonne et due forme vous rendra des fiers services futurs. Nous parlerons aussi des écueils à éviter (par la séparation des domaines écritures / lectures) et des choses, que jamais ô jamais vous ne devriez mettre dans une base de données relationnelle. Nous évoquerons en guise de travaux pratiques et cerise sur le gateau comment faire des migration paresseuses avec Symfony.
64 conneries que font les référenceurs avec WordPressAurélien Denis
Une conférence pour sensibiliser les référenceurs, les clients et donc les utilisateurs de WordPress sur des erreurs récurrentes aux conséquences préjudiciables. Pas moins de 64 bêtises identifiées et des astuces pour les corriger avec votre prestataire Web.
Cette présentation fut présentée lors du SEO Camp Day Pays Basque 2019 à Bayonne.
Synchroniser ses applications plus rapidement avec du low-codegplanchat
Ou comment être plus efficace pour synchroniser ses applications, grâce à un ETL en PHP
Présentation par Grégory Planchat au Forum PHP, le 22 octobre 2021.
Tous ceux qui font du web connaissent HTTP. Mais que se passe-t-il quand on le pousse dans ses retranchements ? Retours d’expérience sur nos développements en interne.
Venez découvrir le développement d'applications web
« offline first » avec les Service Workers.
Au programme : gestion du cache, notifications offline, synchronisation en arrière-plan et plein d'autres choses géniales !
Installer Wordpress sous Wamp - Installing Wordpress with WampRomanick Goby
Installation en local de Wordpress sous WAMP.
Vous avez parfois besoin de travailler en local mais vous ne disposez pas d'un serveur, vous avez parfois besoins de vous entrainer sur un CMS (Wordpress, Joomla, Drupal, ect.) et vous ne disposez pas d'un serveur... WampServer est là pour cela.
Pour l'exemple, nous allons installer Wordpress sous WampServer.
Nginx est un serveur web puissant utilisé notamment par WordPress.com. Mieux adapté aux sites à haut trafic qu’Apache, Nginx peut non seulement augmenter la vitesse de votre site, mais également supporter un nombre plus élevé de visiteurs simultanément sans équipement additionnel. Apprenez-en davantage sur l’installation et la configuration d’un serveur Nginx pour rendre votre site avec WordPress encore plus efficace.
Pour un tutoriel complet afin de créer une installation de WordPress sous Nginx:
http://www.maximejobin.com/wordpress/introduction-nginx-wordpress/
Comment optimiser la latence mobile grâce aux protocoles/technologies de push et à la gestion du cash ?
Description des différentes solutions
Présentation de Lorie Pisicchio lors du CTO Meetup du 03/12/14 organisé par France Digital
La majorité des problèmes rencontrés en production auraient pu être anticipées en amont. Rapide aperçu du process entre le développement et la mise en production.
10 Slides à lire avant de commencer le développement AndroidAnthony Faucogney
Des liens, des resources, des bonnes pratiques, des erreurs. Un feedback sur la plateforme Android de la part d'un ingénieur qui découvre la programmation sur ce plateforme.
Ting - Un datamapper PHP sous stéroïdesXavier Leune
Slides de ma présentation lors du meetup du 9 juin 2016 dans les locaux de CCM Benchmark, organisé avec l'AFUP Paris.
Dans ce talk j'ai notamment parlé de Ting, le datamapper que nous avons conçu pour nos besoins et choisi d'open sourcer.
L’intégration continue c’est bien, mais le déploiement continu c’est mieux! Le gain est évident : une boucle de rétroaction encore plus rapide. Les dangers le sont également : les outils et tableaux de bords doivent être digne de confiance. La qualité doit également être au rendez-vous. Comment diminuer ces risques et aller chercher ce gain en rétroaction est le sujet que nous allons explorer.
Industrialisation des environnements de dev avec Puppet et Amazon (mais en fa...Nicolas Silberman
Retour d'experience du Groupe Express Roularta sur l'intégration de Puppet (mais finalement Chef) dans leur système d'information, permettant en quelques cliques et quelques minutes de mettre en place une ou plusieurs machines de développement parfaitement fonctionnelle et à jour, le tout hébergé sur le cloud Amazon.
Construire Des Applications Cloud Natives - SymfonyLive Paris 2016Ori Pekelman
Ces-jours-ci on ne parle que de montée en échelle et de scalabilité horizontale.
Dans cette présentation, un peu abstraire mais bien pratique, nous parlerons des choix architecturaux que vous pouvez faire pour rendre votre application prête pour un succès planétaire (dommage d’échouer an ayant réussi).
Nous allons parler de micro-services, de leur utilité et leurs limites, là où l’on veut communiquer par JSON/HTTP (que d’autres appels REST) et là où un Message Queue en bonne et due forme vous rendra des fiers services futurs. Nous parlerons aussi des écueils à éviter (par la séparation des domaines écritures / lectures) et des choses, que jamais ô jamais vous ne devriez mettre dans une base de données relationnelle. Nous évoquerons en guise de travaux pratiques et cerise sur le gateau comment faire des migration paresseuses avec Symfony.
64 conneries que font les référenceurs avec WordPressAurélien Denis
Une conférence pour sensibiliser les référenceurs, les clients et donc les utilisateurs de WordPress sur des erreurs récurrentes aux conséquences préjudiciables. Pas moins de 64 bêtises identifiées et des astuces pour les corriger avec votre prestataire Web.
Cette présentation fut présentée lors du SEO Camp Day Pays Basque 2019 à Bayonne.
Synchroniser ses applications plus rapidement avec du low-codegplanchat
Ou comment être plus efficace pour synchroniser ses applications, grâce à un ETL en PHP
Présentation par Grégory Planchat au Forum PHP, le 22 octobre 2021.
Tous ceux qui font du web connaissent HTTP. Mais que se passe-t-il quand on le pousse dans ses retranchements ? Retours d’expérience sur nos développements en interne.
Venez découvrir le développement d'applications web
« offline first » avec les Service Workers.
Au programme : gestion du cache, notifications offline, synchronisation en arrière-plan et plein d'autres choses géniales !
Installer Wordpress sous Wamp - Installing Wordpress with WampRomanick Goby
Installation en local de Wordpress sous WAMP.
Vous avez parfois besoin de travailler en local mais vous ne disposez pas d'un serveur, vous avez parfois besoins de vous entrainer sur un CMS (Wordpress, Joomla, Drupal, ect.) et vous ne disposez pas d'un serveur... WampServer est là pour cela.
Pour l'exemple, nous allons installer Wordpress sous WampServer.
Nginx est un serveur web puissant utilisé notamment par WordPress.com. Mieux adapté aux sites à haut trafic qu’Apache, Nginx peut non seulement augmenter la vitesse de votre site, mais également supporter un nombre plus élevé de visiteurs simultanément sans équipement additionnel. Apprenez-en davantage sur l’installation et la configuration d’un serveur Nginx pour rendre votre site avec WordPress encore plus efficace.
Pour un tutoriel complet afin de créer une installation de WordPress sous Nginx:
http://www.maximejobin.com/wordpress/introduction-nginx-wordpress/
Comment optimiser la latence mobile grâce aux protocoles/technologies de push et à la gestion du cash ?
Description des différentes solutions
Présentation de Lorie Pisicchio lors du CTO Meetup du 03/12/14 organisé par France Digital
Breve introducción al funcionamiento de Google. La presentación es parte de una charla que impartió Fernando Fominaya en el Centro de Competencias de Posicionamiento y Redes Sociales de Treelogic.
Tenir un engagement et s’endetter techniquement ou ne pas transiger sur la qualité. Qui n’a jamais été confronté à ce dilemne ?
La dette technique est une puissante métaphore, présenté par Ward Cunningham en 1992 pour symboliser le fait que la dette s’accumule et que les interêts sont de plus en plus importants.
Pourtant cette dette est encore floue pour beaucoup d’équipes. Et il y a un lien évident mais parfois ignoré entre qualité et vélocité. En faisant toujours le choix de la dette, le risque est se rapprocher d’un code legacy dont l’équipe a perdu le contrôle.
Cette présentation en binôme vous donnera des clés pour visualiser et maitriser votre qualité avec de grandes exigences tout en restant concret et pragmatique. Nous vous proposerons différentes stratégies pour faire face à ce dilemme. Nous montrerons des exemples et des outils en java. Que votre application ait un mois ou 10ans, en repartant de cette session vous aurez des outils, des pratiques et du vocabulaire pour faire vos choix en connaissance de cause.
Devenez un fin gestionnaire de votre patrimoine de code.
Accroître la sécurité de son site internet et de Joomla! plus spécifiquementChristophe Avonture
Reccueil de conseils permettant d'accroître la sécurité de son site internet, plus spécifiquement Joomla!. Cette présentation aborde la sécurité sur le web en général (stratégie de mots de passe, protection de l'ordinateur, ...) puis celle d'un site web. Plusieurs outils sont epxliqués dont aeSecure qui est un parefeu logiciel permettant de protéger tout site tournant sur un serveur Apache.
Javascript as a first programming language : votre IC prête pour la révolution !VISEO
NodeJs, GruntJs, Bower, Karma, ... des buzzwords dont nous entendons parler, que nous voyons passer dans les blogs/articles. Mais à quoi servent-ils ?
Comment industrialiser nos développements Javascript ? Mettre en place des tests unitaires dans une application Web ? Générer de la documentation ? Des métriques qualités ? La couverture de code ? Comme avec Maven ? Nous verrons concrètement comment articuler tous ces outils autour d'une application école, pour démystifier tout ça.
10 conseils pour booster les performances de votre site sous WordPressAurélien Denis
Passage en revue de l'ensemble des leviers d'actions pour améliorer le temps de chargement de vos pages. Astuces, conseils et ressources appliqués à WordPress.
Avec l’avènement des connexions haut-débit et bientôt très haut-débit, les concepteurs semblent de moins en moins attentifs à la rapidité de leurs sites. De plus, avec de telles connexions, les internautes supportent mal un site qui les fasse attendre. Cela gâche l’expérience utilisateur, pourtant censée être au cœur du "web 2.0"
Cet atelier vous présentera comment, sans devoir repenser votre application ou vos pages depuis le début, améliorer la rapidité de votre site.
12 bonnes pratiques pour apprendre à tirer le meilleur profit de votre site Web sous WordPress. Une conférence suivie d'audits en live à la Chambre de Commerce et d'Industrie de Bayonne.
This was presented at WordCamp Montreal 2014, and shows 10 old habits from the old days of WordPress, and modern alternatives to doing things the *right* way.
Slides de la conférence SemRush du 05/11/2015 sur la thématique "Optimiser réellement le référencement naturel de WordPress".
Conférence animée par Daniel Roch - Consultant WordPress et Référencement naturel chez SeoMix
Le cache côté client, le cache côté serveurs et leur impact sur le SEO et l'expérience utilisateur. Conférence effectuée lors du SEOCamp'us Paris 2017 avec Benoit Chevillot de Divioseo
Un site de collectivité sur WordPress ? Méthodes et retours d'XPatelier111
Quelques retours d'expérience et méthodes sur l'utilisation de WordPress dans le cadre de prestations pour des collectivités.
Talk présenté par @audrasjb pour l'Atelier 111 à la 3ème édition de WordPressInAlps, octobre 2014.
LoadTime & SEO : le TOP et FLOP des meilleures (et pires) intégrations.
Le temps de chargement est de plus en plus important pour vos utilisateurs, votre business et vos rankings. Google, plus que jamais, prend en compte les différents temps de chargement comme indicateur de qualité des sites web.
Pour rivaliser avec les meilleurs et flirter avec la note maximale de Lighthouse sur ce KPI, Erlé vous exposera les meilleures pratiques (ainsi que les pires) d’après sa propre expérience basée sur de nombreux sites qu’il a accompagnés dans leur parcours vers l’optimisation.
Le temps de chargement est de plus en plus important pour vos utilisateurs, votre business et vos rankings. Google, plus que jamais, prend en compte les différents temps de chargement comme indicateur de qualité des sites web.
Pour rivaliser avec les meilleurs et flirter avec la note maximale de Lighthouse sur ce KPI, Erlé vous exposera les meilleures pratiques (ainsi que les pires) d’après sa propre expérience basée sur de nombreux sites qu’il a accompagnés dans leur parcours vers l’optimisation.
La seconde étape de cette initiation à Prestashop est la mise en place de votre future boutique et de son administration. L’installation s’effectue directement depuis votre navigateur internet via un pas à pas de quelques étapes.
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?Fasterize
A l’ère du mobile-first, les utilisateurs s’attendent à naviguer et acheter de façon fluide n’importe où et n’importe quand. Le temps de chargement est donc devenu LE critère le plus important pour les utilisateurs et cette exigence se reflète dans vos taux de conversion mobile.
Depuis plus d'un an, RueDuCommerce est classé par le JDN comme le site mobile e-commerce le plus rapide de France. Comment les équipes de Rue Du Commerce ont-elles relevé ce défi ? Comment a-t-on mesuré les améliorations sur l’expérience utilisateur ? Quels sont les bénéfices sur les utilisateurs et sur le business ?
Stéphane Rios, CEO de Fasterize et Aniss Boumrigua, Responsable du site RueDuCommerce.fr, vous partagent leurs expériences et leurs bonnes pratiques.
Que ce soit pour comprendre un problème utilisateur, pour travailler avec une base de données locale ou pour s’interfacer avec des automates de production il n’est pas toujours faisable de reproduire des conditions réelles sur nos postes de développement et installer l'EDI pour déboguer sur place n’est ni envisageable techniquement, ni en terme de licence.
Depuis de nombreuses années RAD Studio (Delphi et C++Builder) propose une solution pour contourner la difficulté : le déploiement et le débogage distants.
Lors de cette session nous avons vu comment configurer notre environnement de développement et les postes informatiques sur lesquels on désire travailler ponctuellement afin de pouvoir travailler « à distance », via Internet ou notre réseau local.
La rediffusion de cette présentation est disponible avec ses codes sources et des liens complémentaires sur https://serialstreameur.fr/webinaire-20191105.php
Similaire à Bien qu'en ligne votre site web n'est probablement pas en production (20)
Bien qu'en ligne votre site web n'est probablement pas en production
1. Quelque part au 21e siècle
WAQ
Bien qu’en ligne
Votre site n’est probablement pas en production
2. À propos
• Web depuis 2003
• Mandats pour toute sorte de clients
• Dev frontend, dev backend, directeur
techno
• Maintenant s’occupe que les choses soient
up (un monde assez étrange)
• @marcboivin
3. • Cette présentation est basée sur des erreurs que j’observe depuis 2 ans;
• Si vous avez fait ces erreurs, sachez que je n’ai rien contre vous #biglove;
• Je déteste les PowerPoints (c’est d’ailleurs un Keynote);
• La structure n’est pas mon forte;
• Laissez-moi vous poser quelques questions afin d’ajuster mon « geek knob »
Avant de commencer
6. … vous n’êtes plus tant en
ligne :
Hacké
Erreur de code
Surcharge du serveur
Mise à jour ratée
L’internet est mort?
7. • Votre site est sur une infrastructure qui va tomber;
• Sur un logiciel qui ne tolère pas les erreurs, dans un environnement ou les
données se corrompent toute seule;
• Et ou une durée de vie de 2 ans est plus qu’excellente.
Soyons brutalement honnêtes
10. « If you’re not monitoring something it is out of control »
-Jonh Wikes, PSE, Google
11. • Au minimum : un script quelque part qui valide que le serveur ping
• ping www.example.com
• Pour un site vignette : un service comme server density
• On parle du DNS, de redirections et que les noms de domaines arrivent
quelque part
Surveillance du site
12. • Codes de retour
• Le titre de votre page
• Le temps de réponse
• Les entêtes HTTP
• Au minimum : un des 50 000 services SaaS, ou, un script bash dans une cron
Surveillance du serveur web
13. • Mises à jour de sécurité
• SURTOUT pas les mises à jours recommandées
• Valider pour les erreurs dans les mises à jour
• Je vous encourage à ne pas faire ça sur du Windows
• Au minimum : un cron, comme apt-cron qui vous envoi un mail
S’assurer des mises à jour
14.
15. • Une vrai sauvegarde est :
• Complète
• Peut-être validée
• Utilisable par le client
• Adapté à son environnement (OS, contrainte spécifiques)
• Au minimum : un genre de rsync bancale (au moins il y aura quelque chose)
Une sauvegarde, une vraie
16. • HA (high availability : Haute disponibilité)
• Buzzword des 2-3 dernières années
• C’est le future
• Si vous avez des VRAIES web app, go for it
• Votre CMS N’EST PAS HA arrêtez, maintenant.
Oui mais pourquoi pas du HA?
17. • Si jamais vous faite du HA pareil :
• Fail hard (pas de demie état)
• Fail fast
• Don’t look back
Juste au cas
18. • Un git de production
• etckeeper
• binlog, wal ou autre pour votre BD
• UN README, utile et utilisable (we’ll find your secret sauce, might as well
share)
Donc des mécanismes de secours
20. • Si votre CMS prends plus de 30 minutes à remonter X
• Si seulement votre fournisseur peut remonter votre site X
• Si déployer une mise à jour demande une planif en
heures et non en minutes X
• Au minimum: un Vagrantfile avec des bash scripts
« Reproduisible »
21. • Il arrive quoi si ma BD plante
• Il arrive quoi si mon serveur web plante
• Il arrive quoi si ma cache plante
• Est-ce que mon site est affecté si Facebook est down?
• On fait quoi s’il y a une sauvegarde corrompue?
• Minimum : un petit « disaster recovery plan »
Prévisible
22. • Il y a des gens qui s’occupent de tout ça pour vous. On appel ça du managed
hosting (validé quand même un peu avant)
• Un webmestre devrait être au courant des mécanismes en place pour chacun de
ses aspects. Pas d’excuse! C’est votre site.
• Livrer quelque chose qui ne couvre pas ces aspects, en production, c’est juste
amateur, sorry mate!
• Le cloud transforme la manière de développer, mais on est pas encore là dans le
domaine du service, désolé à tous.
Petites pensées de la fin