How to go block-less with the WordPress ActivityPub plugin
Uncategorized
4
Posts
3
Posters
3
Views
-
Being the web performance zealot I am, I strive to having as little JavaScript on my sites as possible. JavaScript after all has to be downloaded and has to be executed, so extra JS will always have a performance impact even when in the best of circumstances it exceptionally does not impact Core Web Vitals (which are a snapshot of the bigger performance and sustainability picture). Hence when adding blocks in WordPress, I check if the block is entirely rendered server-side and if not I look for alternatives to avoid multiple files from
wp-includes/js/dist(and in the case of some 3rd party blocks the entire React JS and more) being loaded.For that reason I tested the WordPress ActivityPub plugin with the reactions block loaded as per these guidelines and indeed it triggers the loading of
hooks.min.js,i18n.min.js,url.min.js,api-fetch.min.js(all inwp-includes/js/dist) and 2 files from the plugin itself (/wp-content/plugins/activitypub/build/reactions/view.jsand/wp-content/plugins/activitypub/build/remote-reply/view.js).
To be able to reduce the dependency on those JavaScript files, 2 questions needed to be answered; how to have reactions (which I like a lot) without the JavaScript-driven rendering and what is that remote-reply thing.Starting with the latter; “remote-reply” handles the federation of local comments on reactions (comments) from the Fediverse, showing a modal window where the commenter is asked what ActivityPub account they want to post the reaction from. I decided this was not that important for me and –with some help from Matthias @pfefferle who always gives great support- came up with a couple of lines of code to not “do” remote-reply on this blog.
Now that Fediverse reactions block is very nice and I did want reactions showing on my blog, so I started looking at the database and the ActivityPub plugin code and saw that all Fediverse reactions were stored in the
wp-commentenwp-comment-metadb-tables and were in fact accessible with theWP_Comment_Queryclass and with quite a bit of trial and error I ultimately ended up with a totally server-side generated solution that looked pretty nice (and similar to the JavaScript-rendered one).If you’re interested, you can find the code in this gist, but don’t expect it to be good. Some negatives include no language handling, unminified CSS inline and the placement of the reactions might not work on every theme as I hook into the
comments_templateaction to try to show them just before the comments. But who knows it might just work for you as well? -
undefined pfefferle@mastodon.social shared this topic
-
Being the web performance zealot I am, I strive to having as little JavaScript on my sites as possible. JavaScript after all has to be downloaded and has to be executed, so extra JS will always have a performance impact even when in the best of circumstances it exceptionally does not impact Core Web Vitals (which are a snapshot of the bigger performance and sustainability picture). Hence when adding blocks in WordPress, I check if the block is entirely rendered server-side and if not I look for alternatives to avoid multiple files from
wp-includes/js/dist(and in the case of some 3rd party blocks the entire React JS and more) being loaded.For that reason I tested the WordPress ActivityPub plugin with the reactions block loaded as per these guidelines and indeed it triggers the loading of
hooks.min.js,i18n.min.js,url.min.js,api-fetch.min.js(all inwp-includes/js/dist) and 2 files from the plugin itself (/wp-content/plugins/activitypub/build/reactions/view.jsand/wp-content/plugins/activitypub/build/remote-reply/view.js).To be able to reduce the dependency on those JavaScript files, 2 questions needed to be answered; how to have reactions (which I like a lot) without the JavaScript-driven rendering and what is that remote-reply thing.Starting with the latter; “remote-reply” handles the federation of local comments on reactions (comments) from the Fediverse, showing a modal window where the commenter is asked what ActivityPub account they want to post the reaction from. I decided this was not that important for me and –with some help from Matthias @pfefferle who always gives great support- came up with a couple of lines of code to not “do” remote-reply on this blog.
Now that Fediverse reactions block is very nice and I did want reactions showing on my blog, so I started looking at the database and the ActivityPub plugin code and saw that all Fediverse reactions were stored in the
wp-commentenwp-comment-metadb-tables and were in fact accessible with theWP_Comment_Queryclass and with quite a bit of trial and error I ultimately ended up with a totally server-side generated solution that looked pretty nice (and similar to the JavaScript-rendered one).If you’re interested, you can find the code in this gist, but don’t expect it to be good. Some negatives include no language handling, unminified CSS inline and the placement of the reactions might not work on every theme as I hook into the
comments_templateaction to try to show them just before the comments. But who knows it might just work for you as well?@frank awesome! would you maybe like to contribute this to the plugin? I am thinking about a snippets "directory", to show how the plugin can be extended with special features!?
I will create a barebone folder with a readme for that!?
-
Being the web performance zealot I am, I strive to having as little JavaScript on my sites as possible. JavaScript after all has to be downloaded and has to be executed, so extra JS will always have a performance impact even when in the best of circumstances it exceptionally does not impact Core Web Vitals (which are a snapshot of the bigger performance and sustainability picture). Hence when adding blocks in WordPress, I check if the block is entirely rendered server-side and if not I look for alternatives to avoid multiple files from
wp-includes/js/dist(and in the case of some 3rd party blocks the entire React JS and more) being loaded.For that reason I tested the WordPress ActivityPub plugin with the reactions block loaded as per these guidelines and indeed it triggers the loading of
hooks.min.js,i18n.min.js,url.min.js,api-fetch.min.js(all inwp-includes/js/dist) and 2 files from the plugin itself (/wp-content/plugins/activitypub/build/reactions/view.jsand/wp-content/plugins/activitypub/build/remote-reply/view.js).To be able to reduce the dependency on those JavaScript files, 2 questions needed to be answered; how to have reactions (which I like a lot) without the JavaScript-driven rendering and what is that remote-reply thing.Starting with the latter; “remote-reply” handles the federation of local comments on reactions (comments) from the Fediverse, showing a modal window where the commenter is asked what ActivityPub account they want to post the reaction from. I decided this was not that important for me and –with some help from Matthias @pfefferle who always gives great support- came up with a couple of lines of code to not “do” remote-reply on this blog.
Now that Fediverse reactions block is very nice and I did want reactions showing on my blog, so I started looking at the database and the ActivityPub plugin code and saw that all Fediverse reactions were stored in the
wp-commentenwp-comment-metadb-tables and were in fact accessible with theWP_Comment_Queryclass and with quite a bit of trial and error I ultimately ended up with a totally server-side generated solution that looked pretty nice (and similar to the JavaScript-rendered one).If you’re interested, you can find the code in this gist, but don’t expect it to be good. Some negatives include no language handling, unminified CSS inline and the placement of the reactions might not work on every theme as I hook into the
comments_templateaction to try to show them just before the comments. But who knows it might just work for you as well?I have a blockless theme. There are a bunch of things which I deactivate.
See https://gitlab.com/edent/blog-theme/-/blob/master/includes/remove.php?ref_type=heads#L127
I don't have reactions though. I keep going back and forth about whether I want them and whether it is possible to back-fill them.
-
I have a blockless theme. There are a bunch of things which I deactivate.
See https://gitlab.com/edent/blog-theme/-/blob/master/includes/remove.php?ref_type=heads#L127
I don't have reactions though. I keep going back and forth about whether I want them and whether it is possible to back-fill them.
@Edent @frank that looks way nicer than our current "static" implementation in the Webmentions plugin btw.
what do you think: https://github.com/Automattic/wordpress-activitypub/pull/2909
Gli ultimi otto messaggi ricevuti dalla Federazione
-
@pookiesorcery awww thank you! ❤️ doing all this for my child and her peers, wishing for a better internet when they're older
-
I’m considering removing explicit Tor support in #Conversations_im. It seems that nowadays—12 years after I first introduced the feature—VPN mode is how most people use #Orbot, and many other apps lack a dedicated "proxy via Tor" setting anyway. Let’s do a vibe check with the following poll:
-
Archivi dell'Ambiente - SISAm
https://storiaambientale.it/archivi-dellambiente/
-
Sindrome cinese anche per Mercedes. Margine operativo atteso a 3-5% quest'anno, nel 2022 era 14,6%, redditività crollata coi volumi causa feroce competizione cinese. Eppure il management punta tutto sulla Cina, "dove i costi sono minori". E dice anche una palese bugia:
https://www.ft.com/content/6cbb3e50-4d44-42e3-9155-de4b05067f5d
-
@nojhan @0xabad1dea considering where we are and who you're replying to, maybe the source repo would be a better place to direct people?
(It's on github, but things could be worse)
-
@gkrnours @0xabad1dea technically they also have a chat system (Tchap), which is nowhere near as advanced as what discord/slack offer.
-
E comunque gli occhi di tigre di Stefania Constantini patrimonio Unesco. Come ci siamo innamorati del #curling https://ultimouomo.com/italia-curling-olimpiadi-milano-cortina-constantini-mosaner
-
@_elena are there Fedi Awards? you would get my vote. thanks for your relentless dedication. inspiring
