Optimiser simplement les images sous wordpress

Optimiser simplement les images sous wordpress

Optimiser Worpdress est une priorité

Aujourd’hui les règles SEO imposées par Google prennent en compte les performances de votre site internet. De ce fait il analyse le temps de réponse de votre site pour les usages depuis les ordinateurs et les mobiles. 

Beaucoups de règles rentrent en comptes pour l’optimisation de votre site. Ici, vous trouverez une série d’articles afin de vous présenter comment optimiser votre site internet. 

Optimiser la compression des images

Par défaut WordPress vous fait confiance, il garde en mémoire l’image que vous lui envoyez puis crée des formats d’affichages de cette dernière (petite, moyenne et grande). 

A l’utilisation de votre image, lorsque vous la choisissez depuis votre librairie il est courant que vous ne soyez pas sensibilisé au choix de sa dimension. Alors que ce ci améliore les temps de chargement de votre site et ainsi votre note sur Google par rapport à l’image original. 

Exemple ci-dessous ou vous pouvez choisir sa dimension en bas à droite
smush optimisation wordpress

 

Mais où intervient Smush ?

Smush arrive en complément en définissant  : 

  • Une taille en pixel maximum à l’upload
    • Afin d’éviter les images trop volumineuses
    • Il redimensionne automatiquement
  • Compresse les images avec un pourcentage de qualité
    • Réduit le poids de l’image à envoyer depuis le serveur (70% conseillé)
  • Permettra le lazy load dont on parlera dans un autre article
  • Et mettra à disposition un CDN dans sa version pro. 

Maintenant vous n’aurez plus besoin de vous soucier de la dimension de vos images même si vous oubliez de choisir un format optimisé pour l’affichage de cette dernière, puisque Smush passera derrière vous pour compresser les images bien trop lourdes. 

Mais il reste conseillé de bien choisir son format d’affichage et ne pas garder le format original. 

Smush vous permettra aussi d’avoir un rapport sur l’espace économiser sur le serveur grâce à lui. Car réduire la dimension des images est aussi bon pour votre infra.

smush optimisation wordpress 

Extension de partage sur les réseaux sociaux pour WordPress

La frustration sur les extensions de partage pour les réseaux sociaux

Sur WordPress les extensions gratuites sont de plus en plus rares. La belle époque est révolue. Seul Drupal arrive encore à garder une communauté qui fournie des extensions avancées gratuites sans compléments financiers. 

Sur WordPress de nos jours trouver une extension entièrement gratuite, facile à mettre en place et performantes pour partager sur les réseaux sociaux est devenu compliqué. 

Et je n’en ai pas trouvé ! 

Le choix de social pug

Après plusieurs recherches et essais à votre place j’ai trouvé diverses extensions. 

La problématique se résume rapidement à : 

  • Si les mises en pages avancées sont gratuites alors on doit se créer un compte sur un service tiers comme Addthis
  • Si le plugin ne nécessite pas d’inscription sur un service tiers alors on nous demande de passer à la caisse pour débloquer des réseaux sociaux ou une mise en page avancée. 

Social Pug, elle ne vous oblige pas à créer de compte sur des services tiers et ses mises en pages gratuites restent totalement acceptables en terme de design et personnalisable par votre propre thème. De plus il propose deux types de positionnements par défaut. Flottant sur la page ou en inline dans le contenu. Sans avoir à tripatouiller le module.

Il est aussi facilement responsif. 

Aujourd’hui je l’utilise sur mes deux sites (1 et 2) et comble toutes mes attentes. Certes ce n’est pas une révolution mais il fait un bon travail sur son scope gratuit sans vous frustrer. 

Essayez le !

Internet haut débit à la maison et n’importe où sans ADSL et fibre. Merci la 4G

Cet article est là pour vous raconter comment j’ai résilier tous mes abonnements Internet tout en gardant l’accès à celui-ci en haut débit pour moins de 20 euros par mois, sans engagements, et n’importe où je souhaite aller.

Comment j’en suis arriver là ?

Il faut savoir que j’ai vécu au centre de Toulouse avec une ligne Internet en aDSL en très bas débit 1,3 mb descendant, soit 200ko/s pour ça on remercie Bouygues Telecom à 24 euros par mois.

Cet été éligible à la fibre je me suis donc rendu chez Orange, une super offre promotionnelle m’attendait. Mais aussi un mois complet de problèmes.
La fibre à 17 euros par mois pendant un an le rêve ! Sauf que !

Après moultes déboires le service client à gentiment cette offre promotionnelle provenant d’un commercial sous traité par Orange pour me faire passer à une offre plein tarifs. Et le mieux c’est qu’ils se sont mis à ouvrir jusqu’à 3 contrats à mon nom !

Je vous raconte même pas la tonne de matériel orange stocké chez moi pendant un mois et à renvoyer.

La solution adoptée ? La 4G

Elle fût simple, rapide et me satisfait pleinement.

  • Un routeur 4g Huawei b525s 23a.
  • Une carte sim free illimité à 15 euros par mois

Et là magie en moyenne 24MB/s avec des pique a 50MB/s.
Je peux la transporter avec moi n’importe où et je bénéficie du haut débit.

Une amélioration est possible en passant à un routeur 4G ayant la réception de la bande de fréquence des 700Mhz, cette dernière étant moins saturée.

SQLite – Installer wordpress sans base de données MYSQL

Installer WordPress sans base de données Mysql – SQLite

Les bases SQLite sont des bibliothèques écrites en langage C qui propose un moteur de base de données relationnelle accessible par le langage SQL.

Contrairement aux serveurs de bases de données traditionnels, comme MySQL ou PostgreSQL, sa particularité est de ne pas reproduire le schéma habituel client-serveur mais d’être directement intégrée aux programmes. L’intégralité de la base de données (déclarations, tables, index et données) est stockée dans un fichier à plat au près de votre projet. Ici notre wordpress.

Comment le mettre en place ?

Déjà, il faut savoir que la compatibilité annoncé s’arrête avec la version 4.1.24 mais je l’ai personnellement testé sous WordPress 4.9.8 et l’extension reste à 100% fonctionnelle.

Pour se faire :

  1. Télécharger l’extension SQLite intégration
  2. Copier l’extension dans wp-content/plugins
    1. Pour avoir wp-content/plugins/sqlite-integration
  3. Copier le fichier db.php présent dans wp-content/plugins/sqlite-integration à la racine de wp-content
    1. Pour avoir wp-content/db.php
  4. Editer le fichier wp-config-sample.php en le renommant wp-config.php et en rajoutant dedans
      1. define(‘DB_FILE’, ‘.ht.sqlite’);
      2. define(‘DB_DIR’, ‘/your-project-path/’);
  5. Accéder à votre site et l’installation se fait automatiquement.

Attention, Apache ou Nginx doivent avoir le droit en écriture dans le dossier ou est la base de donnée.
De plus, si vous avez une installation fraiche de wordpress et que vous avez une boucle de redirection, ajoutez ces ligne dans le .htaccess pour apache afin de résoudre correctement les path de l’application.

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress

Et voilà, un WordPress sur une base SQLite, utile pour un site secondaire quand vous n’avez plus de place sur votre base principale, si votre projet doit être facilement transposable, …

 

 

Brave un navigateur plein de discipline qui prend votre défense.

Brave à l’époque de l’anonymat et de la RGPD

Brave est un sérieux concurrent à Google Chrome ou Opéra. Il se montre réactif, stable et son interface est rapide à prendre en main.

En terme d’utilisation de mémoire Brave pour 10 onglets ouverts et avec ses extensions par défauts dont nous parlerons plus tard utilise 950 MO. Pour la même configuration Chrome et quelques extensions pour bloquer les pubs et les mouchards est quand à lui à 2GO.

Mais alors qu’elles extensions Brave intègre-t’il ? Simplement des alternative aux bloqueurs de pub comme adblock et des protection de mouchard tel que ghostery.  Il ajoute à cela un compteur en page d’accueil idu nombre de pubs qu’il a bloqué pour vous ainsi que le nombre de tracker. Il estime également le temps de chargement moyen que ça lui a fait gagner lors de votre navigation. 

Un des grand plus de Brave est son interface très réussie, légère visuellement, reprenant les codes de design de mac os mais on appréciera surtout l’affichage du temps de chargement de chaque pages. Il fallait y penser. 
Par défaut Brave à comme moteur de recherche Qwant, ce dernier répondant à la même éthique : le respect de votre vie privée. 

Techniquement il est rapidement identifiable que Brave tourne sur le moteur webkit/chromium tout comme chrome et opéra.
Pour vous prouver ses bonnes performances sur l’usage de votre mémoire la liste ci-dessous est les extensions qu’il comporte par défaut (Je vous laisse imaginer si vous les mettais toutes sur chrome) les bloqueurs ne sont pas comptés.

Plugins

  • 1Password
  • LastPass
  • Dashlane
  • Bitwarden
  • MetaMask
  • PDF JS
  • Pocket
  • WebTorrent
  • Flash (off by default)
  • Widevine (off by default)

Et à cela ajoutez ces fonctionnalités sorties du site orignal.

Barre d’adresse

  • Add Bookmark
  • Autosuggest URLs
  • Show page load time*
  • Search from address bar
  • Show secure or insecure site
  • Autosuggest search terms
  • Show or hide bookmarks toolbar*
  • Show text and/or icons in bookmarks toolbar*

Onglets

  • Tab Previews
  • Session Tabs
  • Private Tabs
  • Pinned Tabs
  • Auto-unload
  • Drag and drop
  • Tab Pages
  • Duplicate
  • Close Options
  • Find on page
  • Print page

Recherche

  • Choose default search engine
  • Use keyboard shortcuts for alternate search engines
  • Option to use DuckDuckGo for private tab search

Protection

  • Ad blocking
  • Fingerprinting prevention
  • Cookie control
  • HTTPS upgrading
  • Block scripts*
  • Per-site shield settings
  • Configurable global shield defaults

Sécurité

  • Clear browsing data
  • Built-in password manager
  • Support for 1Password, Dashlane, Lastpass, and bitwarden
  • Form autofill
  • Control content access to full-screen presentation
  • Control site access to autoplay media*Send “Do not track” with browsing requests

Pour télécharger brave ça ce passe ici et il est multi-plateforme

Drupal 8 entityQuery – Récupérer une entité avec les valeurs de ses champs [En résumé]

Drupal

La class entityQuery de drupal permet de récupérer une entité ou une liste d’entités.

Tout les types d’entités sont pris en compte, c’est à dire les node, block, user, paragraphs, …

Une utilisation basique :

$query = \Drupal::entityQuery('node')
->condition('status', 1)
->condition('type', 'article')   
->condition('field_example', 'cheveux'); $nids = $query->execute();

Ici nous récupérons les entités de type article, publié qui comportent dans le champs field_example la valeur égale à cheveux. Un tableau est ainsi renvoyé avec les nodes comportant ces valeurs.

Un smartphone à la production équitable – Fairphone

Après le premier Fairphone au succès…, le second du  nom voit le jour.

Fairphone ?

En 2014, le premier Fairphone conçu au Pays Bas a été commercialisé mais n’a pas connu de succès de par ses composants dépassés malgré une motivation ambitieuse. Ce dernier ayant pour vocation d’être un smartphone facile à réparer afin d’éviter de jeter nos appareils. Mais aussi de bénéficier d’une production plus écologique et respectueuse des conditions de travail tout au long de sa chaîne de fabrication. Les minerais composant les puces se veulent issues d’exploitations responsables où le sang ne coule pas, mais aussi du recyclage d’ancien smartphone. Les conditions de travail des employés tout au long de la chaîne est vérifiée pour éviter l’exploitation de la main d’oeuvre.

Modularité ! Pièces de rechanges et évolutivité…

Depuis le premier du nom le Fairphone se veut facilement réparable de par sa conception en modules afin d’éviter le gaspillage de nos appareils dès le moindre accro. Les pièces de rechanges peuvent êtres commandés directement depuis la boutique du constructeur.

La première version, semblait bénéficier de modules plus difficile à changer de par leur aspect brut. Au contraire le démontage et les modifications de la nouvelle version se veut possible en 5 minutes tout en disposants de modules packagés et au look solide et fiable.

Module pour Fairphone 2

Module pour Fairphone 1

 

 

 

 

 

 

Nous ne sommes pas encore au niveau de l’ancien projet ara de Google mais on touche du concret.

Et les performances alors ?

Le premier smartphone était à la traîne lors de sa sortie. Mais ici avec la seconde chance que se donne la compagnie on touche à une configuration plus pertinente par rapport à l’utilisation de nos smartphone. Processeur Snapdragon de quatre cœurs, 2go de mémoire vive, 4G… On se rapproche d’un nexus 5, et ils sont toujours dans la course !

Par contre pour l’esthétique on repassera, pour briller aux yeux de ses amis il faudra mettre en avant la conscience équitable du smartphone et non pas son écran borderless ;).

Afin de mieux cerner ce qui peut motiver cette marque, un reportage de Cash Investigation sur l’envers du décor.

Découvrir le Fairphone.

Mettre son kernel à jour – Debian/Ubuntu

Uefi clé windows

Mettre à jour son kernel pour les OS basés sur Debian comme Ubuntu et ses alternatives

Non vous n’allez plus copier des commandes à l’aveugle. On comprend, et on reproduit sois même !
En effet, chaque mois un nouveau kernel est mis à la disposition des utilisateurs de linux. Aujourd’hui la version 4.12 est en cours de développement. La version 4.11.1 est considérée comme stable. Mais il se peut certainement que vous ne soyez pas à jours, restant avec la version de votre distribution.
Afin de connaître la version de votre kernel utilisez la commande uname -r dans votre terminale.

La mise à jour se fait extrêmement simplement :

  1. Visitez ce site les listant
  2. Choisissez la version qui vous correspond le mieux
  3. Une fois la version choisie (ici la dernière à cette date) vous obtiendrez une liste de package
  4. kernel ubuntu debian
  5. Concentrez vous sur la version de votre architecture (64bits ou 32bits)
  6. Récupérez les urls des fichiers nommés
    1. linux-headers-***_all.deb
    2. linux-headers-**-generic-**_votreArchitecture.deb
    3. linux-image-**-generic-**_votreArchitecture.deb
  7. Dans votre terminal lancez la commande wget url_du_fichier 3 fois afin de télécharger vos trois package
  8. Puis la commande sudo dpkg -i linux-headers-*.deb linux-image-*.deb afin d’installer vos paquets

Votre kernel est à niveau, vous pouvez redémarrer votre PC et vérifier à nouveau la version de votre kernel.