Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
#21 2020-12-21 13:04:53
- Destry
- Member
- From: Haut-Rhin
- Registered: 2004-08-04
- Posts: 4,663
- Website
Re: The 512 Club
Run with FF on macOS:
| Pingdom | GT Metrix | |
|---|---|---|
| Test server location | Frankfurt | Vancouver B.C |
| Load time (s) | 0.33 | 1.6 |
| Total measured weight (KB) | 120.4 | 115 |
| Fonts weight (KB) | 76.4 | 73.8 |
| Delta | 44 | 41.2 |
Seems I can get the green ticket if I drop my fonts… But, I actually like my fonts. ;)
I notice Tor browser (my end-user choice) doesn’t recognize the fonts anyway. Maybe I should run the test again using Tor.
In both cases I get an ‘A’ grade, with some suggestions between them:
- Cache assets (expires headers?)
- gZip compress assets
- Use nextgen image formats (e.g. WebP)
I wasn’t aware of the new image formats, and I just now notice Pixelmator (what I’ve used for a long time) has an export option for that tucked away in the ‘More…’ closet that I never looked in before.
Offline
#22 2020-12-21 14:21:42
- philwareham
- Core designer
- From: Haslemere, Surrey, UK
- Registered: 2009-06-11
- Posts: 3,437
- Website
Re: The 512 Club
WebP is still not universally supported, the issue being Safari which only recently gained support (and then only in latest macOS releases). Creating fallbacks is annoying and time consuming.
There are tools to convert JPEG to WebP server-side depending on users browser but I haven’t used those for a few years – so can’t vouch for them or recommend them personally.
Offline
#23 2020-12-21 14:24:54
- philwareham
- Core designer
- From: Haslemere, Surrey, UK
- Registered: 2009-06-11
- Posts: 3,437
- Website
Re: The 512 Club
Also, please see here
Offline
#24 2020-12-21 14:25:22
- gaekwad
- Admin
- From: People's Republic of Cornwall
- Registered: 2005-11-19
- Posts: 3,350
Re: The 512 Club
WebP with a fallback to PNG or JPG is used increasingly these days.
You can easily and losslessly save 17KB on ladder.png if you run it through ImageOptim (or similar), or let me know the best email address for you and I’ll email it over.
(And yes, for anyone asking, I did run the ImageOptim GUI screenshot through ImageOptim.)
Offline
#25 2020-12-21 15:00:44
- Destry
- Member
- From: Haut-Rhin
- Registered: 2004-08-04
- Posts: 4,663
- Website
Re: The 512 Club
I started another thread (you’ll see it) on WebP before seeing the above. :/
Offline
#26 2020-12-21 15:08:50
- zero
- Member
- From: Lancashire
- Registered: 2004-04-19
- Posts: 1,413
- Website
Re: The 512 Club
I wasn’t asking but just discovered there’s an ImageOptim for Linux (but costs money) and also this free online service which I will try. It doesn’t offer as much control as Squoosh which was used for images here.
I found that for very fine-grained images (especially those with fine grain background), webp images are larger that jpg to get the same quality. otherwise subtle lines and details are smoothed into blandness. But for most images (and for those with a plain background) webp is the way to go (at 84% compression in my case to achieve results comparable with 80% jpg compression).
Wondrous Healing Wondrous ways to a healthy old age
Safe Reiki Harmless natural healing.
Gud One Blog
Offline
#27 2020-12-21 15:23:48
- gaekwad
- Admin
- From: People's Republic of Cornwall
- Registered: 2005-11-19
- Posts: 3,350
Re: The 512 Club
I can also recommend XnConvert if you want a capable, freeware-for-personal-or-educational-use image processor.
Offline
#28 2020-12-21 15:33:28
- zero
- Member
- From: Lancashire
- Registered: 2004-04-19
- Posts: 1,413
- Website
Re: The 512 Club
gaekwad wrote #327731:
I can also recommend XnConvert if you want a capable, freeware-for-personal-or-educational-use image processor.
wow!
Wondrous Healing Wondrous ways to a healthy old age
Safe Reiki Harmless natural healing.
Gud One Blog
Offline
#29 2020-12-22 08:42:42
- phiw13
- Plugin Author
- From: Japan
- Registered: 2004-02-27
- Posts: 2,233
- Website
Re: The 512 Club
gaekwad wrote #327692:
+1 for Pingdom Tools (though watch out, they were bought by SolarWinds a while back[…]
I hadn’t visited that site in ages and was quite amused to see the SolarWinds logo “proudly” displayed.
More seriously, take care with (many) of those online tools, as they often use the older Google scripts (from back when “search console” was called “developper (something… which I forgot)1”. The GT Metrix site linked upthread by Destry relies on the more recent LightHouse scripts – more reliable and accurate.
The older script stubbornly and constantly always complain that I should “compress my assets”, and it always boils down to fonts not being gzipped… No silly dummy woff and even more woff2 are compressed formats.
Use the Browser provided developper tools, tells you a lot. The current version of Chromium/Blink based browser include Lighthouse.
1 Old age… holes
Last edited by phiw13 (2020-12-22 08:44:04)
Where is that emoji for a solar powered submarine when you need it ?
Offline