Why would you do this? Instead of loading an image (jpg/png/svg) per platform, we can simply embed the SVGs into html. In this case, it saves from having 7 http requests and thus helps with website performance. CSS is also inline. The example below uses official brand colors. https://brandcolors.net/ and brand SVG logos from https://simpleicons.org/ … Read more
Often I engage with clients and they have strong views on the design of the website, and wanting to put content that slows the website for little to no real value. Slow Websites have real negative impacts that have been researched and recorded. This is a basic outline for my clients. Short Story Your website … Read more
I have always been an advocate of Server Pilot (SP), using Cloud or Dedicated Servers. If you have a website that does alot of traffic and the likes of Kinsta is not affordable, then with some basic linux skills and SP you can have your own server. BACKUP FILES (zips current folder) zip -r mcdec2018.zip … Read more
In developing my latest Progressive Web App, I came across the following problem. Note I was using Create-React-App at at the time, it did not allow for modifying the workbox it used to generate its Service Worker. I found this article https://karannagupta.com/using-custom-workbox-service-workers-with-create-react-app/ which provides a way to create a custom SW without ejecting from CRA. Challenge The … Read more
I had two clients requiring WPO (Website Performance Optimization) this month and wanted to show you the before and after, as well as some explanations. I have removed the client domain for privacy reasons. I really enjoy tuning websites but it can be challenging especially if it is using tons of plugins/themes. More code more … Read more