Peter Mekhaeil

Improving Page Speed Performance

• How to get started with improving site performance

  18 June 2021

  With so many techniques on improving site performance - how does one start learning about site performance and what are the first steps?

• Page Speed Comparison of Singapore Commerce

  10 June 2021

  Comparison of popular Singapore Commerce sites using data from the Chrome UX Report. We look at how they perform and the areas of improvement they can benefit from.

• Data Fetching in Next.js

  18 May 2021

  Next.js offers different methods to fetch data for your page content - choosing the right approach for your application will allow you to benefit from the performant advantages that Next.js provides.

• Improving Shopify page performance using Next.js

  13 April 2021

  With Google announcing that rankings are impacted by Core Web Vitals Audit scores, this is a perfect time for a Shopify-based online store to take the lead against their competitors by improving their SEO and their page performance speeds.

• Page Speed Performance of Formula 1 Websites

  15 December 2020

  Performance report using PageSpeed Insights and Chrome User Experience Report to showcase which Formula 1 team has the fastest web performance.

Web Development

• Using FaunaDB and Netlify Functions for Analytics

  06 December 2020

  Build an API that will allow you to track page hits using FaunaDB and Netlify functions.

• Adding Dark Mode to your Tailwind CSS website

  30 November 2020

  How to add Dark Mode to your Tailwind CSS website.

• Modernising an Enterprise Front End Stack

  27 November, 2018

  Almost any large enterprise struggles to keep their front-end code maintainable — and so did we! CSS and Javascript code bases grow large and unwieldy quite easily. With our component library, we were able to overcome these challenges.

Career Learnings

• Notes - The Coding Career Handbook

  19 February 2021

  Notes from The Coding Career Handbook - Learning in Public by Shawn Wang.

• What I have learnt as an engineering manager

  24 November 2020

  A collection of learnings from my adventures as an engineering manager.

• Be strong like your code

  21 November 2020

  Staying fit and active is important to our well-being and I'd like to remind us to take care of ourselves while we code away.

Projects

• page-speed-insights

  Compares page speed performance reports using Chrome User Experience Report.

• nextjs-commerce-shopify

  Shopify hooks to use with Next.js Commerce.

• vscode-tailwindcss-explorer

  VSCode Extension for Tailwind CSS - Explore the classes available in your project's tailwind setup.

• ractive-chrome-extension

  View and edit Ractive.js components using Chrome Dev Tools.

Sites

• Go Bare + Next.js

  Australian based skin care company - website built using Next.js and Shopify.

• Formula 1 Page Speed Insights

  Performance report using PageSpeed Insights and Chrome User Experience Report to showcase which Formula 1 team has the fastest web performance.

• Singapore E-Commerce Page Speed Insights

  Performance report using PageSpeed Insights and Chrome User Experience Report to showcase which Singapore E-Commerce store has the fastest web performance.

Hi there 👋

I'm a software engineer with a passion for building performant web apps using the latest web technologies. This is my space on the internet where I'll share my learnings. I am a work in progress so feel free to send me feedback on my learnings.