Website Optimization Measures, Part XXII
Web design is a process, running our own websites is awesome, and together it means there’s always something to tweak and improve and optimize. Here are select things I’ve done over the last few months (please share what you did on our mutual socials):
Improving tooling. For adding entries to Frontend Dogma I use my own homemade tooling. For the longest time I ignored how I ended up manually removing hyphens from slugs that specific tooling generated. Finally (nudged by a monthly automation reminder), I set aside some time to update the respective PHP script. And that’s that—a small improvement that already feels like saving time every day.
Relabeling “feeds” as “RSS feeds.” I’ve always labeled feeds just as “feeds.” Somehow, following a hunch, I thought it could be clearer (if only to unlock the additional search term) to prepend this by the type of feed—in the respective cases, RSS.
Unblocking AI crawlers… Having blocked AI bots in the past months (cf. WSO XIX, WSO XXI), I “suddenly” found myself not so sure. I can’t find and credit the posts that contributed to this shift in thinking, but let’s say that 1) trusting that there’s going to be some attribution at some point and 2) testing whether this would explain some changes in traffic patterns are two factors in the mix.
Reviewing and feeding tags. I think I mentioned tag maintenance in the past? 🤔 Now, that wouldn’t be surprising, given how it’s part of website maintenance. In this particular case, over a number of days, I reviewed Frontend Dogma’s tags on their usefulness. That led to surprisingly few changes (merging “tips” and “tricks” as “tips and tricks”?)—but to feeding little-populated tags with additional material. And so I scouted and added perhaps 100 articles from the years 2020–2023 to complement the already substantial selection of entries from that time.
Consolidating social images… For meiert.com I had at some point created several social images—Open Graph images—which I rotated through. I started to doubt this solution, and consolidated the images. At the moment, meiert.com has one graphic for the two (German and English) homepages, and another for all other pages. I’m not sure this has been the last word in terms of maintenance and optimization.
accent-colors. I try not to jump on anything that’s new, because it’s stress and can be wasteful.
accent-coloris an example of this, a now not-so-new-anymore property to refine form elements. I’ve added and am test-driving it on this site as well as on Frontend Dogma.
Making use of
text-wrap: balance. Having monitored this for a while, the time felt right to give the
text-wrapshorthand a try, starting with its
balancevalue. (Shorthands are fine, they have a place just like
!important.) The test was… good, but the result too drastic for my taste, and I quickly went for
prettyinstead, which I like and am now monitoring.
This is a part of an open article series. Check out some of the other posts!
I’m Jens, and I’m an engineering lead and author. I’ve worked as a technical lead for companies like Google, I’m close to W3C and WHATWG, and I write and review books for O’Reilly and Frontend Dogma. I love trying things, not only in web development, but also in other areas like philosophy. Here on meiert.com I share some of my views and experiences.
If you have a question or suggestion about what I write, please leave a comment (if available) or a message. Thank you!
Maybe of interest to you, too:
- Next: Why I Like Scrumban
- Previous: On the Well Astonishing Verdicts on Social Media
- More under Web Development and Art and Design, or from 2024
- Most popular posts
Looking for a way to comment? Comments have been disabled, unfortunately.
Get a good look at web development? Try WebGlossary.info—and The Web Development Glossary 3K (2023). With explanations and definitions for thousands of terms of web development, web design, and related fields, building on Wikipedia as well as MDN Web Docs. Available at Apple Books, Kobo, Google Play Books, and Leanpub.