Pourquoi je m'en fous de PageSpeed, et vous devriez aussi by Remy Perona

#16728

+1

Le score dépend de plein de choses, mais surtout de la façon dont les éléments se chargent et s’affichent.

Par exemple : un site avec une vidéo de 600 Mo en HD qui met 10 minutes à charger, ce n’est pas mauvais en soi : c’est même normal.

L’article dit à juste titre ici qu’il faut garder en tête que le score seul ne suffit pas.

J’ai plusieurs tutos sur tout ça :
https://lehollandaisvolant.net/tuto/pagespd/
https://lehollandaisvolant.net/?d=2015/08/27/18/46/54-pourquoi-mettre-le-javascript-a-la-fin-et-le-css-au-debut

http://slides.com/remyp/pagespeed#/

image - 788x810px

#16710

Firefox Nightly est super, mais ça y est : les extensions legacy ne marchent plus là… Y compris GreaseMonkey.

Du coup j’essaye de trouver des alternatives. Pour les scripts qui me servaient à modifier le CSS, il semble que le fichier /chrome/userContent.css fonctionne encore (c’est dans le dossier de profil de Firefox, et non, le dossier n’a rien à voir avec le navigateur Chrome).

Dans ce fichier on peut mettre le CSS qu’on veut pour cibler diverses pages/sites.

Par exemple, sur la capture (mon lien), j’ai mis en rouge les liens vers les pages anglaises, françaises et allemandes sur la liste des langues d’une page Wikipédia.

Si je suis une page Wiki en français, ça me highlight tout de suite le lien vers la page en anglais/allemand, et vice-versa (et sur les pages en d’autres langues, les trois langues sont surlignées).

Voilà le code dans l’userContent.css :

@-moz-document domain(wikipedia.org) {

	#p-lang a[hreflang="en"],
	#p-lang a[hreflang="de"],
	#p-lang a[hreflang="fr"] {
		font-weight: bold!important;
		color: red!important;
	}

}

Ajoutez toutes les langues que vous voulez, et tout le CSS que vous voulez aussi (n’oubliez pas le « !important » à mettre partout : le fichier userContent.css a la priorité la plus base du CSS).

Si j’étais moins fainéant, j’ajouterais des petites icônes de drapeau (en base64 ou webfont ou whatever) avec le ::after.

Note : timeout du rétroéclairage sur les portables Dell, sous Linux

#16595

Le rétro-éclairage des claviers intégrés sur les portables Dell ont un timeout de 10 secondes. Ça peut être utile, moi ça a tendance à m’agacer (j’ai toujours ce besoin de le réactiver).

On peut changer la limite avec la commande suivante :

sudo bash -c 'echo "60s" > /sys/class/leds/dell\:\:kbd_backlight/stop_timeout'

Ici, ça sera repoussé à 60 secondes, ce qui est déjà mieux. Mettez autre chose si vous voulez. Ça marche sous Linux Mint 18.1 sur le Dell XPS-15 9550 (2016).

Source : http://xps13-9333.appspot.com/#keyboard_backlight

Sauvegardes 101 - Zuzur’s wobleg

#16453

Un guide pour faire des sauvegardes de ses données.

Alors oui ça peut sembler lourd, mais c’est essentiel. Vous ne voulez pas perdre vos données.
Et non, ne comptez pas uniquement sur les Drive (de Google, MS ou Apple…), car effectivement s’ils synchronisent tout tout le temps, ils synchroniseront également la suppression d’un fichier.

Google Drive c’est un très bon outil pour partager ses fichiers entre plusieurs machines, mais ce n’est pas un service de sauvegarde.

https://arzur.net/blog/2017/05/15/sauvegardes-101/

IcoMoon App - Icon Font, SVG, PDF & PNG Generator

#16407

Éditer des polices (ajouter, modifier, supprimer des caractères).

C’est utile quand on fait des webfonts avec des icônes.
Il suffit d’importer les PNG ou SVG, de choisir celles qu’on veut dans notre fichier de police et il va pondre les fichiers de polices : Woff, Woff2, SVG, etc.

De façon générale, quand vous faites une webfont, je conseille de n’inclure que les icônes dont vous avez besoin.

Par exemple pour les icônes du material design de Google, il y en a des milliers. Tous les inclure ferait une police bien trop lourde à charger.

(ah et l’avantage des polices web sur les PNG par exemple, c’est la gestion des couleurs et des tailles : on peut afficher une icône et lui ajouter couleur, taille, ombre… en CSS comme on ferait avec du texte normal. C’est donc très maléable, et aujourd’hui c’est aussi bien largement supporté dans les navigateurs)

Réinjecter tout le SWAP en RAM sous Linux !

#16386

Ceci est utile quand le système swape alors qu’il y a de la mémoire vive de libre et que vous n’avez pas envie d’attendre.

Ou bien quand on vient de sortir de veille prolongée et que n’est remise en mémoire que les composants utilisés (et pas le cache par exemple), ce qui ralentit le système dès qu’on ré-ouvre un programme ouvert avant la veille prolongée.

Perso je n’utilise plus de swap du tout, donc je m’en fous un peu, mais je m’en servais avant.

Je maintiens toujours ces deux remarques sur la ram :
– le système gère la mémoire vive très bien tout seul (c’est son job, en fait). Il n’a pas besoin de vous, ni de logiciels tiers pour vider la mémoire.
– une mémoire vive vide (ou au plus bas) ne sert à rien. Si vous ne voulez pas que votre système consomme vos 8 Go de ram, ben mettez une barrette de 1 Go, que voulez vous que je dise ? D’ailleurs, si votre OS indique utiliser 80% de la ram alors que tous les programmes sont fermés, c’est bien souvent des vieux fichiers qui y sont encore. Au mieux, ceci accélère la réouverture de ces fichiers, au pire, ça ne change rien et ces fichiers seront écrasés quand un autre viendra le remplacer en mémoire. Je répète donc que les logiciel pour vider la ram, ça ne sert à rien.

https://www.linuxtricks.fr/news/10-logiciels-libres/334-reinjecter-tout-le-swap-en-ram-sous-linux/

Lecture automatique des vidéos Flash/HTML5 et des GIF : comment s'en passer ?

#16325

<3

J’utilise celle pour les vidéos (dans Firefox). Un clic et ça lance la vidéo.
Par contre, cela ne marche pas chez Vimeo. Ce con ne lance alors plus du tout la vidéo. Il suffit de modifier la clé dans about:config (même en gardant ouvert l’onglet, c’est à chaud) et ça marche.

Comme ça reste un peu chiant, il y a une extension pour faire ça : autoplay-toogle.

Après il reste le problème du Gif animé. On peur les bloquer, mais pas les relancer manuellement.

C’est d’ailleurs pour ça que les sites passent maintenant plutôt à des miniclips en vidéo HTML5 : c’est d’avantage contrôlable, mais surtout la qualité est bien meilleure et le fichier moins lourd à charger. Twitter, Tumbler et (feu) Vine faisaient ça.

ÉDIT : pour toggle les gifs il y a ce module : https://addons.mozilla.org/fr/firefox/addon/toggle-animated-gifs/
(merci Romaric)

https://www.nextinpact.com/news/103346-lecture-automatique-videos-flashhtml5-et-gif-comment-sen-passer.htm

Telnet Commands for a Thomson Router - Le Hollandais Volant

#16299

Ah oui, c’est vrai : sur les routeurs Thomson, on ne peut pas changer les serveurs DNS sans passer par Telnet -_-.

Sauf que le lien "tuto" ne marche plus (site mort).
Il est cependant encore disponible sur WayBack Machine :
http://web.archive.org/web/20160731201914/http://npr.me.uk/telnet.html

Et je l’ai gardé ici aussi :
https://lehollandaisvolant.net/tout/BAK/telnet/

Les DNS que je veux mettre sont ceux d’OpenDNS. Ils ont aussi les IPv6, qui sont ici.

https://lehollandaisvolant.net/?mode=links&id=20150708002631