herb miller

WordPress plugin specialist

  • Home
  • About
    • Online CV
    • Contact
    • Find me
  • Shop
    • Seriously Bonkers – softback book
    • Seriously Bonkers – signed book
    • Seriously Bonkers – PDF
  • Dev env
    • Local development
    • WordPress plugins
    • Server environments
    • Development hardware
    • WAMP configuration
    • Tools and languages
    • What’s not in my development environment?
    • Anything else in your development toolkit?
  • Sites

Slog-bloat – server performance testing

An update on my long running task to visualise the effect on server performance of changes to my WordPress websites.

Since 2015 I’ve been developing a routine to compare the effect on server response times of the top 12 WordPress plugins. I’m just about ready to publish some results.

[Read more…]

Categories: Performance, WordPress

Published: February 9, 2021 | Last updated: February 9, 2021

WebP for my iPad

OK. so I’ve demonstrated that my iPad can’t display WebP format images, so I’ll have to try the picture tag method as a polyfill.

<picture>
  <source srcset="img/awesomeWebPImage.webp" type="image/webp">
  <source srcset="img/creakyOldJPEG.jpg" type="image/jpeg">
  <img src="img/creakyOldJPEG.jpg" alt="Alt Text!">
</picture>

This is the sample HTML copied from CSS Tricks: Using WebP Images.

So let’s try displaying oik-types-banner-772x250.webp to browsers that support it and the JPEG version for those that don’t.

GIMP 45% - 21KB
<picture>
<source srcset="https://herbmiller.me/wp-content/uploads/2021/02/oik-types-banner-772x250-45.webp" type="image/webp">
<source srcset="https://herbmiller.me/wp-content/uploads/2021/02/oik-types-banner-772x250-45-1.jpg"  type="image/jpeg">
<img src="https://herbmiller.me/wp-content/uploads/2021/02/oik-types-banner-772x250-45-1.jpg" alt="GIMP 45% - 21KB">
</picture>

Categories: WordPress

Published: February 6, 2021 | Last updated: February 6, 2021

Image size reduction by quality

45% - 30KB

Google’s PageSpeed Insights tells me I can improve the performance of my website’s loading by taking the opportunity to Properly size images. For the home page on oik-plugins.com it reckons it can save 1.2 seconds on mobile, and 0.16 seconds on desktop, were I to serve images that are appropriately-sized to save cellular data and improve load time.

For the oik-types banner image ( which it sees at 74.5KiB ) it suggests there’s a potential saving of 48.8 KiB. ie. It could be reduced to 25.7 KiB.

We’ve tried a range of qualities using Photoshop and GIMP. According to the chart below, using GIMP, I can achieve the image file size reduction by saving the image with a quality of 55%. But it looks like I could get away with 45%.

On oik-plugins.co.uk, where I’d already reduced the image to 70% quality (30 KiB), it reckons I can still save 22.7 KiB on Mobile. I assume that’s if I serve a file that’s already no wider than the user’s device.

It also suggests, Serve images in next-gen formats.

[Read more…]

Categories: PerformanceTags: images

Published: February 5, 2021 | Last updated: February 6, 2021

Localization of Full Site Editing themes

Full Site Editing - Localization of templates and template parts

The WordPress Gutenberg project’s plan for internationalization (i18n) and localization (l10n) of Full Site Editing themes (FSE) has not yet been formulated. I’ve written a proposal, entitled Internationalization and localization: translating templates and template parts, raised as Feature request #27402.

I believe that very little needs to be done to Internationalize a file containing Gutenberg blocks and HTML, and that it can be translated and localized into a statically delivered file in the user’s required locale ( language and country ) using the process described in the feature request.

This post briefly discusses some of the challenges of translating rich text content.

[Read more…]

Categories: Gutenberg, programming, WordPressTags: i18n, l10n

Published: December 2, 2020 | Last updated: December 6, 2020

Fizzie – an experimental Full Site Editing theme

Fizzie screenshot

Phase 2 of the development of the Gutenberg block editor introduces Full Site Editing ( FSE ). In order to document the 23 new blocks, I felt I had to embrace Full Site Editing and develop my own experimental theme, which I chose to call Fizzie. The requirements of Fizzie are:

  1. Implement Full Site Editing.
  2. Same look and feel as the Genesis-a2z theme.
  3. Support documentation / demonstration of each of the new blocks in Gutenberg.
  4. Find out what bits are missing from and/or not working on Gutenberg.
  5. Implement on blocks.wp-a2z.org, when stable.
What is Full Site Editing?

[Read more…]

Categories: WordPress

Published: November 22, 2020 | Last updated: November 25, 2020

How to survive WordPress 5.5’s removal of jQuery-migrate

I started upgrading to WordPress 5.5 and soon began to experience a load of problems with core functionality. Things that should work no longer worked. I first noticed it on a client’s site when Media Library didn’t display anything.

Media Library not working in WordPress 5.5.

WordPress TRAC Issue #50993

This post summarises my investigations, some of the problems I encountered, the workaround and some notes about what I need to do in the future, which is a work in progress.

TL;DR – 25th August 2020

As far as team Yoast are concerned the problem should go away if I upgrade to WordPress SEO v14.8.1.

Fixes a bug in WordPress itself where script concatenation was causing JavaScript errors, which in turn led to Yoast SEO malfunctioning. This bug was introduced in WordPress 5.5. We’re fixing it by disabling script concatenation entirely.

from the WordPres SEO v14.8.1 readme.txt file

With their fix being a workaround. Roll on WordPress 5.5.1

TL;DR – previous update

The problems that I documented last week were either due to a bug in WordPress or a bug in the Gutenberg plugin. There were two TRAC issues, and the problem had already been reported in Yoast’s GitHub repo.

The problem originally occurred with Gutenberg 8.7.1, WordPress SEO 14.7 and WordPress 5.5.

It appears that Gutenberg 8.8.0 has fixed the problem. There’s no longer a need to apply the patch developed for TRAC ticket #50999, nor, it seems, do I need the Enable jQuery Migrate Helper plugin.

The “what I need to do in the future” part is still a work in progress”. I’ve created a GitHub Project for it.

[Read more…]

Categories: deprecated, WordPress

Published: August 15, 2020 | Last updated: August 25, 2020

SB Children block – my first Single Block plugin

Today I delivered my first Single Block ( SB ) plugin to wordpress.org. It’s called SB Children block and it’s in the Block Directory.

I’ve written up some notes about the plugin. Suffice it to say there were a few challenges along the way. But I’ve left the details of these in the GitHub issues.

[Read more…]

Categories: Gutenberg, programming, WordPressTags: Children, Descendents, Offspring, single block

Published: August 6, 2020 | Last updated: August 9, 2020

Horizontally scrolling tables on narrow devices

I’ve been looking at how to enable horizontal scrolling on tables created by the [bw_table] shortcode, when the device width is narrow. I want to be able to do it using CSS, without JavaScript. I also want to be able to style the table in the native Gutenberg blocks.

Having looked at a couple of solutions, I believe I’ll be able to achieve it having the table nested in a Group block, and providing the CSS styling using my CSS block.

[Read more…]

Categories: Gutenberg, shortcodes, WordPress

Published: June 29, 2020 | Last updated: June 29, 2020

oik-clone v2.0.0-beta-20200616 – cloning new content made easier

Today, after many months of procrastination, I’ve implemented a small change to my oik-clone plugin that should significantly improve my publishing process. oik-clone now has the ability to automatically re-clone content with newly added (uncloned) featured images.

The primary purpose is to ensure that the target system has the correct ID for the featured image.

Original process New process
Create the content. Same
Upload and attach the featured image. Same
View the content. Same
In the output of the [clone] shortcode select the post and the child attachment to clone. Click on clone Same.
Edit the content – check the SEO meta description, correct a typo or something, update the taxonomies then update. No need to edit. You’re done.
View the content again.
Clone the content again.
Original process vs New process for cloning new content

See bobbingwide/oik-clone#50.

Clone/cloned output before cloning

Post without a featured image. Note: post ID 50 was extracted from the github shortcode. It’s a red herring I’ve learnt to live with.

Clone/cloned output after cloning

Categories: shortcodes, WordPressTags: clone, oik

Published: June 16, 2020 | Last updated: June 16, 2020

How to hide a WordPress Multi Site site

Using a plugin called network-privacy you can hide a WordPress Multi Site site so that it’s only accessible to a particular type of user.

You can use this if you want to create a staging / development site within a WordPress Multi Site network.

[Read more…]

Categories: WordPressTags: network-privacy, WPMS

Published: June 15, 2020 | Last updated: June 15, 2020

  • 1
  • 2
  • 3
  • …
  • 26
  • Next Page »

Products

  • Seriously Bonkers - signed book £8.99 £5.99
  • Seriously Bonkers - PDF £1.00
  • Seriously Bonkers - softback book £8.99 £4.99

Recent Posts

  • Slog-bloat – server performance testing
  • WebP for my iPad
  • Image size reduction by quality
  • Localization of Full Site Editing themes
  • Fizzie – an experimental Full Site Editing theme

Recent Comments

  • Aprende gutenberg #49 - Aprende gutenberg on SB Children block – my first Single Block plugin
  • Richard Cagle on Installing Imagick for PHP 7 on Windows 10
  • WordCamp Birmingham on bucket list – WordCamp Birmingham UK 2015 (#wcbrum)
  • mick on WordPress capabilities: How to restrict Add New while allowing Edit
  • mick on WooCommerce 2.2.4 – Dynamic API Reference

Archives

Categories

WordPress 5.6.1. PHP: 7.3.27

WordPress version: 5.6.1

Gutenberg version: 9.9.3

Tide times from tidetimes.co.uk

Tide Times & Heights for Northney onMonday, 01 March 2021
High Tide:00:52 ( 5.00m )
Low Tide:06:06 ( 0.10m )
High Tide:13:03 ( 5.00m )
Low Tide:18:28 ( -0.10m )

Tide times from tidetimes.org.uk

Tide Times & Heights for Northney on 1st March 2021
00:52 - High Tide ( 5.00m )
06:06 - Low Tide ( 0.07m )
13:03 - High Tide ( 4.98m )
18:28 - Low Tide ( -0.12m )

Follow me

  • Home
  • About
  • Blog
  • Contact
  • Find me
  • Privacy notice
  • Sitemap

Site:  herbmiller.me
© Copyright herb miller 2012-2021. All rights reserved.


Website designed and developed by Herb Miller of Bobbing Wide
Proudly powered by WordPress