Jens Oliver Meiert

Website Optimization Measures, Part XIV

Post from July 21, 2022, filed under and (feed).

Eight quick improvements on my own sites, accrued over the last couple of months, for inspiration and critique.

  1. Documenting more link relationships. Shortly after this series’ March update, I (finally?) added rel=canonical metadata to posts that I had originally posted elsewhere, to indicate where the original was living. I also added select additional link elements, to speed up connection to resources likely to be accessed (like Frontend Dogma’s Twitter account, which is central to the site’s purpose).

  2. Allowing Twitterbot access to otherwise “disallowed” pages. With meiert.com overview pages I realized that there have been pages I wanted excluded from being indexed, but not excluded from being properly shown on Twitter. Accordingly, I made some adjustments to this site’s robots.txt—and should probably look into whether there are similar use cases on other sites.

  3. Adding (proper) dark mode. I had been playing with super-short dark mode solutions; alas, they don’t work as well as I’d like them to, yet. For some reason I felt Frontend Dogma was a candidate to implement not the “a-little-darker mode” I’ve set up for meiert.com and uitest.com, but a full dark mode. That’s what I did.

  4. Reviewing tags. As Frontend Dogma has been growing (currently at 1717 posts, and 667 followers!), managing and maintaining the various tags has become a greater challenge. As such, every other week I end up adding, editing, and cleaning up tags. This work seems important on a site like Frontend Dogma, because it’s where one key benefit lies. Just look at, say, all the accessibility news—or, for contrast, what’s up with micro-frontends.

  5. Updating personal addresses. Okay, clearly you have to do this when you’re moving and you’re based in a country that requires you to publish your residential coordinates. Done, when we moved last month.

  6. Reviewing and optimizing social markup. First, read my tweet from that evening. Then—check out my post on “minimal social markup.” The minimum markup isn’t as minimal as HTML would allow it—but it’s still more minimal than what I used to work with up until now.

  7. Playing with the color-scheme property. I wasn’t aware of the property until a tweet by Chris Heilmann; and although I didn’t find it mission-critical, I added it to the Frontend Dogma style sheets. Maybe followed by more, once I roll out full dark modes in other projects.

  8. Removing FLoC-related policies. When Google proposed FLoC, I had concerns about it, too, and quickly removed it. But FLoC is dead, and therefore the corresponding one-liners could also be removed.

This is a part of an open article series. Check out some of the other posts!

Toot or tweet about this?

About Me

Jens Oliver Meiert, on September 30, 2021.

I’m Jens, and I’m an engineering lead—currently manager for Developer Experience at LivePerson—and author. I’ve worked as a technical lead for Google, I’m close to W3C and WHATWG, and I write and review books for O’Reilly. I love trying things, sometimes including philosophy, art, and adventure. 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!

Read More

Maybe this is interesting to you, too:

Looking for a way to comment? Comments have been disabled, unfortunately.

Cover: The Web Development Glossary.

Get a good look at web development? Try The Web Development Glossary (2020). With explanations and definitions for literally thousands of terms from Web Development and related fields, building on Wikipedia as well as the MDN Web Docs. Available at Apple Books, Kobo, Google Play Books, and Leanpub.

Learn about new posts by feed, on Mastodon, or on Twitter.

Found a mistake? Email me, jens@meiert.com.

You are here: Home → Archive → 2022 → Website Optimization Measures, Part XIV

Last update: July 21, 2022

Professional frontend developers produce valid HTML and CSS.