Seenthis
•
 
Identifiants personnels
  • [mot de passe oublié ?]

 
  • #w
  • #we
  • #web
  • #webp
RSS: #webperf

#webperf

  • #webperformance
  • #webperf_
0 | 25 | 50 | 75 | 100 | 125
  • @jeanmarie
    jeanmarie @jeanmarie CC BY-NC-SA 30/05/2024
    3
    @sandburg
    @monolecte
    @ericw
    3

    L’envie d’un web plus simple

    Depuis quelques années, une partie de la communauté internet se tourne vers des solutions plus simples et moins gourmandes en ressources, en réaction à ce que beaucoup considèrent comme l’« #emmerdification » progressive du #web. Le protocole Gemini a émergé comme une réponse prometteuse à ce besoin, mais après l’enthousiasme initial, une certaine désillusion semble s’installer.

    Trouver une voie du milieu entre #Gemini / #Solid et l’« emmerdification » du web actuel.

    ▻https://jpfox.fr/posts/envie-d-un-web-plus-simple

    #webdev #sobriété_numérique #webperf #développement #conception

    jeanmarie @jeanmarie CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 30/05/2024
      @stephane

      @stephane fait remarquer en commentaire que dans la FAQ de Gemini il y a déjà une réponse à ça : faire un web plus simple avec les outils déjà existants est parfaitement possible et ça marche, mais ça ne permet pas de le savoir en avance. Le web c’est suivre des liens en permanence, ou aller sur des nouveaux sites qui n’existaient pas hier, et alors il est impossible de savoir d’avance si le site va être plein de tracking, ou va être hyper lourd à charger, ou va faire tourner le CPU avec plein de JS etc. Alors qu’avec un protocole simple dédié, on le sait d’avance et on peut cliquer n’importe où en sachant que ça va rester simple, rapide, et sans surveillance. Ils disent : c’est comme faire du vélo dans un parc dédié VS rouler doucement avec un tank dans un champ de mines.

      RastaPopoulos @rastapopoulos CC BY-NC
    • @arno
      ARNO* @arno ART LIBRE 30/05/2024

      Et on termine d’ailleurs par une remarque que j’avais déjà faite : l’article se conclut par cette invitation :

      On en discute sur le fediverse ?

      Ça suggère une très très grosse limite à « un web plus simple », et/ou pourquoi les gens publient sur les réseaux sociaux plutôt que simplement sur leurs sites Web.

      ARNO* @arno ART LIBRE
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 27/09/2021
    3
    @jeanmarie
    @monolecte
    @ericw
    3

    Web Vitals
    ▻https://web.dev/patterns/web-vitals-patterns

    Des modèles « optimisés Google » pour les composants fréquents des pages web (slider, image et vidéo, infinite scroll...)

    A propos de Web Vitals , le dernier avatar de Big brother pour imposer ses diktats sur l’architecture/référencement des sites web :

    Overview
    Web Vitals is an initiative by Google to provide unified guidance for quality signals that are essential to delivering a great user experience on the web.
    Google has provided a number of tools over the years to measure and report on performance. Some developers are experts at using these tools, while others have found the abundance of both tools and metrics challenging to keep up with.
    Site owners should not have to be performance gurus in order to understand the quality of experience they are delivering to their users. The Web Vitals initiative aims to simplify the landscape, and help sites focus on the metrics that matter most, the Core Web Vitals.

    #web_vitals #slider #image_responsive #Infinite_scroll #google

    cy_altern @cy_altern CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 27/09/2021

      #intégration #web #webperf

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @stephane
    Stéphane Bortzmeyer @stephane CC BY-SA 31/12/2020
    4
    @colporteur
    @marcimat
    @grommeleur
    @biggrizzly
    4

    « Le Web, tout le monde s’en sert et beaucoup en sont très contents. Mais, même parmi ceux et celles qui sont ravi·es de l’utiliser, il y a souvent des critiques. Elles portent sur de nombreux aspects et je ne vais pas essayer de lister ici toutes ces critiques. Je vais parler d’un problème souvent ressenti : le Web n’est-il pas devenu trop compliqué ? »

    ►https://framablog.org/2020/12/30/le-web-est-il-devenu-trop-complique

    #Avenir_du_Web #obésiciel #sobriété_numérique #Dillo #NoScript #bloqueur_de_publicité #Gemini

    Stéphane Bortzmeyer @stephane CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 1/01/2021

      #webperf #développement #web #conception

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @jeanmarie
    jeanmarie @jeanmarie CC BY-NC-SA 2/05/2020
    2
    @tofulm
    @cy_altern
    2
    @tofulm

    We Analyzed 11.8 Million Google Search Results Here’s What We Learned About SEO

    Analyse très intéressante sur le #référencement.

    Important:
    –Domain Rating
    –Short URLs
    –Page authority
    –Comprehensive content
    –Backlinks

    Not Important:
    –Schema
    –Site speed
    –Word count
    –Title tags

    https://backlinko.com/search-engine-ranking

    Via le seen de @tofulm : https://seenthis.net/messages/849786

    https://backlinko.com/wp-content/uploads/2020/03/search-engine-ranking-hero.png

    #SEO #Google #webperf

    jeanmarie @jeanmarie CC BY-NC-SA
    Écrire un commentaire
  • @tofulm
    tofulm @tofulm 2/05/2020
    4
    @biggrizzly
    @rastapopoulos
    @monolecte
    @jeanmarie
    4

    Google confirme : le temps de chargement des pages est un critère de pertinence de très faible poids

    https://www.abondance.com/20200430-42659-google-confirme-le-temps-de-chargement-des-pages-est-un-cr

    Après John Mueller le mois dernier, c’est cette semaine au tour d’un autre porte-parole SEO, en l’occurrence Gary Illyes, de confirmer le poids très faible qu’a le critère du temps de chargement des pages dans l’algorithme de pertinence de Google

    tofulm @tofulm
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 2/05/2020

      #SEO #Google #webperf

      RastaPopoulos @rastapopoulos CC BY-NC
    • @jeanmarie
      jeanmarie @jeanmarie CC BY-NC-SA 2/05/2020

      MER-CI !
      Je sais déjà à quel client je vais l’envoyer cet article :)

      jeanmarie @jeanmarie CC BY-NC-SA
    • @drbouvierleduc
      tcharlss @drbouvierleduc CC BY 5/05/2020

      Il va falloir qu’ils mettent à jour une partie de leur documentation où ils affirment le contraire :p

      tcharlss @drbouvierleduc CC BY
    Écrire un commentaire
  • @stephane
    Stéphane Bortzmeyer @stephane CC BY-SA 2/02/2020
    1
    @monolecte
    1

    17 ways to make your website more energy efficient

    ▻https://www.wholegraindigital.com/blog/website-energy-efficiency

    Mostly good advices for webmasters but be careful, some advices are questionable. Most are correct but will not be followed by corporations ("less tracking").

    #energy #website_creation #webmaster

    Stéphane Bortzmeyer @stephane CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 2/02/2020

      #webperf #écologie #web #développement #intégration

      RastaPopoulos @rastapopoulos CC BY-NC
    • @b_b
      b_b @b_b PUBLIC DOMAIN 3/02/2020

      »Use Accelerated Mobile Pages (AMP)« #LOL

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire
  • @b_b
    b_b @b_b PUBLIC DOMAIN 1/02/2020
    5
    @rastapopoulos
    @jeanmarie
    @cy_altern
    @arno
    @spip
    5

    Suite à la discussion à propos du site LOW←TECH MAGAZINE et du format d’image qu’il utilise cf ►https://seenthis.net/messages/809252 je me suis amusé avec imagick pour ajouter un filtre image_tramer pour #SPIP :

    ▻https://zone.spip.net/trac/spip-zone/changeset/120905

    Ça permet donc de générer des images « tramées » en mode « ordered dithering » qu’on peut ensuite décorer à coup de css mix-blend-mode: hard-light; sur une couleur d’arrière plan.

    Exemples d’images générées par le filtre (en mode natif sans couleur d’arrière plan) :

    https://pic.infini.fr/zRAG8dXL/owTTKtWF.jpg

    PS : les trois premières images ont les mêmes dimensions que l’originale, je les ai affiché en mode pleine largeur uniquement pour mieux montrer les détails de l’effet obtenu par le filtre.

    #spip_blog

    b_b @b_b PUBLIC DOMAIN
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 1/02/2020

      excellent !
      et c’est que pour imagemagick ou ça marche avec gd2 aussi ?

      #web #image #webperf

      RastaPopoulos @rastapopoulos CC BY-NC
    • @b_b
      b_b @b_b PUBLIC DOMAIN 1/02/2020

      Uniquement sous imagick, mais on peut imaginer d’ajouter un fallback sous gd, faut juste trouver le bon trick pour obtenir un résultat similaire.

      Lors de mes essaie j’ai joué avec la lib ▻https://github.com/ccpalettes/gd-indexed-color-converter mais ça n’utilise pas la même méthode « Floyd–Steinberg » VS « ordered dithering » et le résultat ne me convenait pas aussi bien côté rendu que poids de l’image générée, exemple :

      https://pic.infini.fr/qS2sIxeT/l1LAArdV.png

      PS : une piste par ici ▻https://github.com/kosinix/grafika/blob/master/src/Grafika/Gd/Filter/Dither.php#L135

      b_b @b_b PUBLIC DOMAIN
    • @b_b
      b_b @b_b PUBLIC DOMAIN 8/05/2020

      J’ajoute les liens qui m’ont été utiles en vrac pour référence si jamais quelqu’un veut s’y recoller un jour :

      ▻https://github.com/lowtechmag/solar-plugins/blob/master/dither/dither.py
      ▻https://bisqwit.iki.fi/story/howto/dither/jy
      ▻https://en.wikipedia.org/wiki/Ordered_dithering
      ▻https://web.archive.org/web/20070927122512/http://www.efg2.com/Lab/Library/ImageProcessing/DHALF.TXT
      ▻https://imagej.net/Dithering

      Et mon squelette de debug et ses fonctions qui contiennent mes essais non achevés pour le faire avec GD cf image_tramer_floydsteinberg() & image_tramer_gd() :

      ▻https://gist.github.com/brunob/055fac68c1283b6d89ee7a1e3f2a9fd6

      b_b @b_b PUBLIC DOMAIN
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 8/05/2020

      tiens d’ailleurs ça se passe comment quand on utilise un filtre qui n’est pas multi-librairie, que pour une, mais qu’on est sur une autre ? ça fait rien, ou ça fait une erreur ?

      RastaPopoulos @rastapopoulos CC BY-NC
    • @b_b
      b_b @b_b PUBLIC DOMAIN 8/05/2020
      @rastapopoulos

      Je ne comprends pas ta question @rastapopoulos ^^

      un filtre qui n’est pas multi-librairie, que pour une, mais qu’on est sur une autre

      Gné ?

      b_b @b_b PUBLIC DOMAIN
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 8/05/2020

      bah librairie d’image, un filtre qui au final ne marche qu’avec telle librairie précise. La plupart des filtres fournis marchent avec toutes les librairies, donc on se dit qu’on peut tous les utiliser, mais ça fait quoi si on est sur une autre du coup ?

      RastaPopoulos @rastapopoulos CC BY-NC
    • @b_b
      b_b @b_b PUBLIC DOMAIN 8/05/2020

      ’k, ben ça ne fait rien à part renvoyer l’image d’origine cf le test if (method_exists('Imagick', 'orderedPosterizeImage')) {, pas de génération d’erreur donc, si c’était ta crainte.

      b_b @b_b PUBLIC DOMAIN
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 8/05/2020

      ok merci :)

      RastaPopoulos @rastapopoulos CC BY-NC
    • @b_b
      b_b @b_b PUBLIC DOMAIN 18/01/2021

      Pour référence, un article au sujet du tramage/dithering :

      ▻https://surma.dev/things/ditherpunk

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire
  • @rastapopoulos
    RastaPopoulos @rastapopoulos CC BY-NC 5/04/2019
    4
    @mukt
    @tofulm
    @recriweb
    @b_b
    4

    Welcome to the wonderful world of Web Performance
    ►https://www.sitespeed.io

    Suite d’outils libres pour monitorer la performance des sites, tout installable en docker ou npm.

    #webperf #web #développement #monitoring

    RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 15/05/2018

    Design for mobile: why we need to think beyond the West
    ▻https://www.creativebloq.com/mobile/design-mobile-why-we-need-think-beyond-west-81412655

    “We tend to measure performance by our own standards, or by some average fairly close to them. Then it hits you, next time you go on holiday: the super fast site you built the other week suddenly performs poorly and takes way too long to load.”

    #WebPerf_clevermarks_Asia

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 15/03/2018

    Comment Rue du commerce optimise sa performance web... et son SEO
    ▻https://www.journaldunet.com/solutions/dsi/1207646-comment-rue-du-commerce-optimise-sa-webperf-et-son-seo

    « Dans l’optique de faire progresser encore sa webperf, Rue du commerce compte actionner plusieurs autres leviers dans les mois qui viennent. Via l’outil TagCommander, le site marchand optimisera l’ordonnancement du chargement des tags et surtout supprimera ceux qui se révèlent inutiles et alourdissent les pages. »

    #webperf_SEO_thirdParty_TagCommander_clevermarks

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 6/03/2018

    Financial Times increases engagement with personalisation, speed
    ▻https://www.inma.org/blogs/ideas/post.cfm/financial-times-increases-engagement-with-personalisation-speed

    “Through a rough a series of A/B tests, we slowed the site down to see how site speed correlates to loss of engagement and revenue. Test results showed that for every one second increase in speed, our engagement score increased by 5%. In subscription and ads inventory, this translates into millions in revenue. Speed therefore became a principal element of the site.”

    #webperf_FinancialTimes_clevermarks_news_media_revenue

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 30/01/2018

    A brief history of web performance ROI
    ▻https://www.soasta.com/blog/web-performance-monitoring-roi

    “While there’s still a lot to be learned, I thought it would be interesting to take an historical look at what we’ve learned over the past few years, the big questions we’ve asked during this journey, and some questions I plan to explore moving forward.”

    #webperf_history_clevermarks

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 30/01/2018

    Bad Month for the Main Thread
    ▻https://daverupert.com/2018/01/bad-month-for-the-main-thread

    “I believe we need an alternative to All-in-JS on the client. I am bought into the idea of Single-File Components, but want that with more focus on HTML as the foundation than JavaScript.”

    #webperf_JavaScript_component_CPU_clevermarks

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 25/01/2018

    奇云测 — 测试你的网站速度
    ▻http://ce.cloud.360.cn
    #webperf_audit_supervision_China_QQ

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 10/01/2018
    1
    @mukt
    1

    Building Skeleton Screens with CSS
    ▻https://mxb.at/blog/css-skeleton-screens

    “For a web app, this concept might include displaying “mockups” of text, images or other content elements - called skeleton screens ?.”

    #skeleton_screen_UX_webperf_clevermarks

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 10/01/2018

      #intégration #web #CSS #UX #webperf #perception

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 9/01/2018
    3
    @fil
    @rastapopoulos
    @mukt
    3

    The Origin of Stimulus
    ▻https://github.com/stimulusjs/stimulus/blob/master/ORIGIN.md

    «contemporary mainstream approaches are needlessly convoluted, […] we can do more, faster, with far less»

    #JavaScript_framework_HTML_clevermarks

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    • @fil
      Fil @fil 9/01/2018

      sympathique !
      ▻https://bl.ocks.org/Fil/be9e7ba360e2f6797e6071351fa122a6

      Hello stimulusjs - Philippe Rivière

      Fil @fil
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 9/01/2018

      Et leur autre librairie Turbolinks, ça a l’air à la fois tout con mais génial comme principe !
      ▻https://github.com/turbolinks/turbolinks

      Avoir un des avantages des applis « one page » (le chargement rapide) MAIS en gardant la conception habituelle page par page, et donc l’accessibilité, et l’ancienne méthode de chargement complet si ça ne marche pas.

      #javascript #framework #HTML #webperf (au moins perçue)

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 29/12/2017
    2
    @rastapopoulos
    @mukt
    2

    inclusive-design-checklist: Aims to be the biggest checklist of inclusive design considerations ever
    ▻https://github.com/Heydon/inclusive-design-checklist

    “Aims to be the biggest checklist of inclusive design considerations for the web ever. Includes items for accessibility, performance, device support, interoperability, and language.”

    #a11y_webperf_checklist_Web_CSS_JavaScript_HTML_clevermarks

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 30/12/2017

      #accessibilité #webperf #html #css #intégration #web #checklist #bonnes_pratiques

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @nicod_
    nicod_ @nicod_ 31/10/2017
    5
    @biggrizzly
    @tofulm
    @rastapopoulos
    @cy_altern
    @mukt
    5

    Mes 72 meilleures idées pour améliorer votre référencement (SEO)
    ▻http://www.webrankinfo.com/dossiers/techniques/idees-seo
    #seo

    nicod_ @nicod_
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 2/11/2017

      #web #bonnes_pratiques #checklist #référencement #webperf aussi

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @b_b
    b_b @b_b PUBLIC DOMAIN 10/09/2017
    4
    @kent1
    @rastapopoulos
    @tofulm
    @mukt
    4

    Lozad.js
    ▻https://github.com/ApoorvSaxena/lozad.js

    Highly performant, light ~0.5kb and configurable #lazy_loader in pure JS with no dependencies for #images, #iframes and more, using #IntersectionObserver API

    Existing lazy loading libraries hook up to the scroll event or use a periodic timer and call getBoundingClientRect() on elements that need to be lazy loaded. This approach, however, is painfully slow as each call to getBoundingClientRect() forces the browser to re-layout the entire page and will introduce considerable jank to your website.

    Making this more efficient and performant is what IntersectionObserver is designed for, and it’s landed in Chrome 51. IntersectionObservers let you know when an observed element enters or exits the browser’s viewport.

    En lien avec ▻https://seenthis.net/messages/619904

    b_b @b_b PUBLIC DOMAIN
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 10/09/2017

      Ça a l’air super !

      #intégration #web #webperf #lazyload

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 11/08/2017

    The average web page is 3MB. How much should we care?
    ▻https://speedcurve.com/blog/web-performance-page-bloat

    “You can have large, robust pages that still feel fast. But you should care about page bloat in terms of how it affects mobile users, especially mobile-only users who are dealing with bandwidth constraints or data limits.”

    #webperf_weight_data_cost_clevermarks

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 2/08/2017
    5
    @rastapopoulos
    @b_b
    @monolecte
    @tofulm
    @mukt
    5

    How to lose weight (in the browser)
    ▻https://browserdiet.com

    “And what if we got together a bunch of experts who work on large sites to create a definitive front-end performance guide? And not just one of those boring guides made for robots, what if we did something fun?”

    #webperf_clevermarks

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 2/08/2017

      #développement #web #webperf #bonnes_pratiques

      RastaPopoulos @rastapopoulos CC BY-NC
    • @b_b
      b_b @b_b PUBLIC DOMAIN 2/08/2017
      for (i = 0; i < arr.length; i++) {
       // Bad - size needs to be recalculated 1000 times
      }

      for (i = 0, len = arr.length; i < len; i++) {
       // Good - size is calculated only 1 time and then stored
      }
      b_b @b_b PUBLIC DOMAIN
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 2/08/2017

      Et déjà traduit en français, tant qu’à faire :
      ▻https://browserdiet.com/fr

      RastaPopoulos @rastapopoulos CC BY-NC
    • @fil
      Fil @fil 2/08/2017

      l’exemple choisi est inélégant et probablement inutile
      ▻https://stackoverflow.com/questions/5752906/is-reading-the-length-property-of-an-array-really-that-expensive-an-o

      et on peut l’optimiser encore en faisant
      for (var i = arr.length; i-->0) { pouet }

      Fil @fil
    • @b_b
      b_b @b_b PUBLIC DOMAIN 3/08/2017
      @fil

      @fil inélégant toi même :p

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 19/07/2017

    Web Performance Optimization Stats
    ►https://wpostats.com

    “Case studies and experiments demonstrating the impact of web performance optimization (WPO) on user experience and business metrics.”

    #webperf_statistics_clevermarks

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 24/04/2017

    Find Out How You Stack Up to New Industry Benchmarks for Mobile Page Speed
    ▻https://www.thinkwithgoogle.com/articles/mobile-page-speed-new-industry-benchmarks.html

    “When it comes to mobile pages, speed and size matter. Marketers must keep consumers engaged on mobile and focus on building mobile-first experiences.”

    #webperf_Google_mobile_clevermarks

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 19/03/2017
    1
    @ccoveille
    1

    To WWW or not WWW
    ▻https://www.netlify.com/blog/2017/02/28/to-www-or-not-www

    “The ideal setup that we recommend is to use www or any other subdomain as the canonical domain for your website, but still use a DNS host that supports some form of CNAME on the apex domain.”

    #www_no_www_DNS_CDN_DDoS_security_domain_clevermarks

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 20/03/2017

      #www #DNS #sécurité #webperf

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @0gust1
    0gust1 @0gust1 CC BY-NC 11/01/2017
    3
    @nicod_
    @fil
    @sraffaud
    3

    Enhance ! RAISR Sharp Images with Machine Learning

    ▻https://research.googleblog.com/2016/11/enhance-raisr-sharp-images-with-machine.html

    Arriver à afficher une image haute résolution avec un exemplaire plus petit et un filtre sur mesure, calculé à l’aide du « machine learning » (avec l’image originale comme modèle).

    https://4.bp.blogspot.com/-mOlb1GnMAK0/WCoH7V-XB8I/AAAAAAAABaM/1luwC-0T4fgM9V_OZtNFUwKSEsR5qcJzwCLcB/s640/4.png

    (haut : original, bas : optimisée)

    On peut voir ça comme un mélange de compression de données et d’effet photoshop : les images ainsi traitées semblent avoir plus de piqué que les originales.
    La méthode est économique en temps de calcul.

    Papier scientifique (punaise, les maths c’est loin, j’ai du mal à lire les équations) :
    ▻https://arxiv.org/abs/1606.01299

    Par contre, j’ai pas encore trouvé comment ils ont implémenté ça (c’est déjà utilisé sur l’appli Android de google+)

    #machine_learning #webperf

    0gust1 @0gust1 CC BY-NC
    • @nicod_
      nicod_ @nicod_ 12/01/2017

      Saving you bandwidth on Google+ through machine learning
      ▻https://blog.google/products/google-plus/saving-you-bandwidth-through-machine-learning

      https://storage.googleapis.com/gweb-uniblog-publish-prod/images/RAISR-info.width-1000.png

      nicod_ @nicod_
    Écrire un commentaire
0 | 25 | 50 | 75 | 100 | 125

Thèmes liés

  • #clevermarks
  • #web
  • company: google
  • #développement
  • #publicité
  • #intégration
  • #rwd
  • programminglanguage: javascript
  • #javascript
  • #javascript
  • company: amp
  • #google
  • company: github
  • #coût
  • #image
  • #roi
  • #ux
  • technology: html
  • #facebook
  • #amp
  • #poids
  • #mobile
  • #css
  • technology: api
  • industryterm: web performance
  • #seo
  • #conception
  • #bonnes_pratiques
  • #async
  • #médias
  • company: facebook
  • #web
  • #offline
  • #fonte
  • #instant_articles
  • #css
  • #images
  • #font
  • #serviceworker
  • company: twitter