minioctt<p>La <a href="https://octospacc.altervista.org/2024/06/03/memocto-momentocto/" rel="nofollow noopener noreferrer" target="_blank">mia istanza pubblica di Memos</a>… è ancora intrigante, ma l’ho usata più in questi ultimi giorni che nelle tante settimane passate da quando l’ho tirata su, il che è buffo, ma non troppo preoccupante. Probabilmente stavo ancora provando il concept, e non ero sicura di volerci già mettere tutto l’impegno, perché magari “<em>chissà se non mi trovo bene e voglio tornare ad un altro format</em>“… ma, a questo punto, mi sa che il formato di <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://octospacc.altervista.org/tag/note/" target="_blank">#note</a> piccole a flusso ci sta molto bene, è pratico e veloce da utilizzare, ed il software è abbastanza minimale da non farmi scivolare nella <a href="https://octospacc.altervista.org/2024/05/29/la-mia-wiki-nelle-pareti/" rel="nofollow noopener noreferrer" target="_blank">trappola dell’organizzazione</a>. Però, il programma ha degli inconvenienti comunque, quindi, circa ieri… ✨️</p><p></p>…Ho creato uno script <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://octospacc.altervista.org/tag/php/" target="_blank">#PHP</a> giusto per permettere la visualizzazione dei memo senza JavaScript, perché la pagina statica non include nulla, neppure i tag per l’anteprima sulle piattaforme di chat e social (che ancora non ho sistemato, ma farò). È la cosa che io in primis più odio, quella di finire su un link esterno sul web, e constatare che il JS serve per visualizzare qualsiasi cosa in più di una pagina bianca. Link così per provare (con il <code>proxy_pass</code> di nginx ho “sovrapposto” lo script sugli URL normali dei memo): <a href="https://memos.octt.eu.org/m/VhMUopz539YSBYyitCQwzN" rel="nofollow noopener noreferrer" target="_blank">memos.octt.eu.org/m/VhMUopz539YSBYyitCQwzN</a> 🎳️<p></p><p>L’ho reso ovviamente scaricabile lo script, non è proprietario, ma non penso lo espanderò troppo… non ho alcun incentivo di implementare navigazione o ricreare a tutti gli effetti il frontend di <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://octospacc.altervista.org/tag/memos/" target="_blank">#Memos</a>, così come non implementerò un rendering 1:1 del Markdown com’è sulla <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://octospacc.altervista.org/tag/app/" target="_blank">#app</a>. Alla fine mi serve solo perché: non voglio quell’effetto odioso del web pure sui miei siti, voglio permettere a browser retrogradi (come in foto) di leggere tutti i contenuti, e ai vari crawler di leggerli e archiviarli, tra cui Archive.org, ma anche giustamente i motori di ricerca. 👑️</p><p>(Cosa molto strana a proposito: in realtà, <a href="https://web.archive.org/web/20240717111008/https://www.google.com/search?q=site%3Amemos.octt.eu.org" rel="nofollow noopener noreferrer" target="_blank">Google ha trovato ben 8 pagine della mia istanza</a>, e gli ha assegnato come descrizione degli estratti di testo pertinenti, ma nessun altro motore lista nulla… ma è perché solo loro fanno web scraping avanzato, facendo renderizzare il sito in dei veri browser, quindi per tutti gli altri bisogna avere dell’HTML di valore.)</p><p>Questo comunque porta al discorso di: a chi beneficia la tendenza moderna, sempre più imperante, delle <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://octospacc.altervista.org/tag/webapp/" target="_blank">#webapp</a> comunque munite di un server di backend, di fare del tutto a meno di <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://octospacc.altervista.org/tag/frontend/" target="_blank">#frontend</a> lato server, in favore di versioni 100% client-side? …Solo agli sviluppatori pigri, certamente non agli utenti in generale, e nemmeno a chi ospita e gestisce il <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://octospacc.altervista.org/tag/software/" target="_blank">#software</a> (qualora sia una persona diversa dallo sviluppatore, come per questo e altri software open-source diffusi). Fa rabbia, ma non stupore, come il caricamento dell’effettivo contenuto a schermo è molto più veloce con questo <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://octospacc.altervista.org/tag/script/" target="_blank">#script</a> PHP, rispetto che aspettare che la app frontend si carichi e faccia il suo lavoro…</p><ul><li>Meno di 250 millisecondi da quando il <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://octospacc.altervista.org/tag/browser/" target="_blank">#browser</a> fa richiesta a quando il <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://octospacc.altervista.org/tag/server/" target="_blank">#server</a> restituisce l’HTML di pochi KB, nonostante dietro le quinte faccia ben 3 richieste HTTP a localhost, senza alcuna cache: una per ottenere l’HTML di Memos in cui iniettare i contenuti, una per ottenere i dati JSON sul memo… e in realtà prima una per ottenere l’<code>id</code> numerico con cui richiedere il JSON avendo l’<code>uid</code> alfanumerico, perché solo la API binaria (non-JSON) lo permette, ma ovviamente parsare tutti i dati di quella da un programma esternamente costruito non è cosa, leggo solo la stringhetta che mi serve e so dove sta. 😳️</li></ul><ul><li>Dopo questo (che grazie al mio script ora già mostra i contenuti, mentre prima era una pagina vuota), può passare da… poco meno di un altro secondo, a poco meno di un secondo e mezzo, per avere la pagina che si tira appresso tutte le altre risorse, il <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://octospacc.altervista.org/tag/javascript/" target="_blank">#JavaScript</a> che si attiva, scarica i dati che gli servono con millemila richieste, e a quel punto mette a schermo i contenuti. Ok, questo tempo non è rognoso in assoluto, ma comunque è peggio di quanto potrebbe realisticamente essere, ed in ogni caso è misurato a casa sul PC groso… sullo smartphone, con rete cellulare, in giro, vi assicuro, la differenza si sente, e al giorno d’oggi gli utenti (me compresa) scappano a gambe levate dalle pagine che caricano lentamente. 💩️</li></ul><p><a href="https://octospacc.altervista.org/2024/07/17/memomento/" class="" rel="nofollow noopener noreferrer" target="_blank">https://octospacc.altervista.org/2024/07/17/memomento/</a></p><p><a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://octospacc.altervista.org/tag/app/" target="_blank">#app</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://octospacc.altervista.org/tag/browser/" target="_blank">#browser</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://octospacc.altervista.org/tag/frontend/" target="_blank">#frontend</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://octospacc.altervista.org/tag/istanza/" target="_blank">#istanza</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://octospacc.altervista.org/tag/javascript/" target="_blank">#JavaScript</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://octospacc.altervista.org/tag/memos/" target="_blank">#Memos</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://octospacc.altervista.org/tag/note/" target="_blank">#note</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://octospacc.altervista.org/tag/php/" target="_blank">#PHP</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://octospacc.altervista.org/tag/script/" target="_blank">#script</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://octospacc.altervista.org/tag/server/" target="_blank">#server</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://octospacc.altervista.org/tag/software/" target="_blank">#software</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://octospacc.altervista.org/tag/usememos/" target="_blank">#usememos</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://octospacc.altervista.org/tag/webapp/" target="_blank">#webapp</a></p>