The latest articles on DEV Community by Jake Counsell (@counselljake). https://dev.to/counselljake https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F277093%2F6fc45bca-54d8-4b68-bb6f-f6362b9c337e.jpg https://dev.to/counselljake en Jake Counsell Tue, 22 Dec 2020 21:52:11 +0000 https://dev.to/counselljake/a-continuously-growing-set-of-unique-svg-icons-brutalist-design-vanilla-css-200ms-page-loads-4pj3 https://dev.to/counselljake/a-continuously-growing-set-of-unique-svg-icons-brutalist-design-vanilla-css-200ms-page-loads-4pj3 <p>Checkout this landing page I recently launched for an SVG icon library I’m giving away for free. The landing page loads in under 200ms, uses IBM Plex Mono, brutalist design, and It uses pure vanilla CSS with no JS used for the SVG editing. The download buttons aren't live yet because I'm still finishing up the icon package but I wanted to get some feedback from the community.</p> <p>I'd love to hear your thoughts on both the Icons and the landing page.</p> <p><a href="https://svgden.com/">https://svgden.com/</a> 👈👈👈👈👈👈👈👈</p> <p>I'll be adding and refining the library continuously in the coming months. I also plan on adding some more traditional sets for Business / Data / General UX needs.</p> css javascript svg html Jake Counsell Thu, 30 Jan 2020 20:39:07 +0000 https://dev.to/counselljake/my-mvp-that-s-pwa-and-spa-with-just-wordpress-i-m-seeing-0-5s-loads-would-adding-service-workers-improve-performance-17ej https://dev.to/counselljake/my-mvp-that-s-pwa-and-spa-with-just-wordpress-i-m-seeing-0-5s-loads-would-adding-service-workers-improve-performance-17ej <p>I think I'm becoming quite neurotic about speed and mobile user experience at this point for a super bootstrapped MVP I'm building but I still feel as though there's tons of opportunity, most if not all pages are loading in 0.3-0.7s with pages ranging from 237k to 437k and vanity scores of 99% / 95%, not sure if I can do anything at this point except switch to a better server (on media temple grid). But I was curious how much of an impact introducing service workers would have if any?</p> <p>A little more info.</p> <ul> <li>All iconography is super optimized inline SVG, either inlined within markup or inlined in the CSS.</li> <li>No third party scripts unless on pages that allow social embedding, analytics are local.</li> <li>I'm using turbolinks for the SPA feel, I was using barba which I liked a lot better but I'm seeing better performance with Turbolinks (probably something wrong I'm doing).</li> <li>CDN is via Cloudflare.</li> <li>All scripts and style are deferred, not render blocking, and only loaded for pages they're needed on.</li> <li>My total calls are 27 at the most.</li> <li>Most if not all JS for the frontend is in a single file.</li> <li>All CSS is in a single file.</li> <li>I'm using virtually zero plugins (commenting, caching, SEO, a user registration plugin that I grossly modified and simplified)</li> <li>All animation is CSS and 60fps everywhere.</li> <li>I built the theme using underscores, but greatly simplified the source.</li> </ul> <p>If service workers would help with say the core navigation and footers, does anyone know how to do that via Cloudflare? It seems less straight forward via Cloudeflare's "Workers". This project has a ton of user functionality and certain areas are pretty media / content heavy so I want things to be as light and nimble as possible.</p> wordpress pwa spa serviceworkers