Our great sponsors
- Appwrite - The Open Source Firebase alternative introduces iOS support
- CodiumAI - TestGPT | Generating meaningful tests for busy devs
- ONLYOFFICE ONLYOFFICE Docs — document collaboration in your environment
- InfluxDB - Access the most powerful time series database as a service
|6 days ago||about 2 months ago|
|Apache License 2.0||BSD 3-clause "New" or "Revised" License|
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
7 Proven Practices to Boost Development Speed and Project Quality
8 projects | dev.to | 27 Mar 2023
When we implemented the MVP of the fintech app, we had a quite complicated form. At that time, I was still young and inexperienced. And eventually, we realized that our project was slowing down. We had to spend additional hours figuring out the reason. We had many unnecessary re-renders because we ignored basic rules related to props in React. I wanted to do everything possible to avoid such situations in the future. So, I added to the project linters like this and an additional starting configuration to package.json to run why-did-you-render. In short, this plugin issues a warning if something is re-rendered unnecessarily and suggests how to avoid it. Also, we included running Lighthouse in headless mode. Some people say that premature optimizations are bad, but for me, it's a principle: do it right from the start.
Performance scores for Google Lighthouse/Insights seem to be very inaccurate
3 projects | reddit.com/r/webdev | 14 Feb 2023
There's a link to what they mean by mobile network there (https://github.com/GoogleChrome/lighthouse/blob/main/docs/throttling.md) and it says:
How to store your app's entire state in the url
17 projects | news.ycombinator.com | 9 Jan 2023
Here's the non-psuedo code equivalent that can leverage CompressionStream rather than using a browserified-gzip-library: https://github.com/GoogleChrome/lighthouse/blob/437eb4d757c5...
We use it in Lighthouse for the exact same purpose, a URL #hash full of state. We found that modern browsers support 10mb of data in the hash. https://github.com/GoogleChrome/lighthouse/pull/12509#discus...
Nightmare on Dev Street: Terrifying Situations to Make Your Spine Tingle
4 projects | dev.to | 27 Oct 2022
You can find out if your SaaS app is slowing down with Google Chrome Lighthouse. Lighthouse should be a staple in your monitoring because it lets you see the performance, accessibility, and SEO metrics related to your app's performance.
Why your website should be under 14kb in size
4 projects | news.ycombinator.com | 25 Aug 2022
Benchmarking Bun & Next against Deno and Fresh
4 projects | dev.to | 19 Aug 2022
Lighthouse: A tool developed by Google to measure a website’s performance using an average of six metrics.
Top 25 Tips for Building an EXTREMELY FAST Website!!!
9 projects | dev.to | 24 Jul 2022
Stop delaying. Share knowledge on a blog built with Eleventy.
7 projects | dev.to | 19 Jul 2022
Performance Using Lighthouse as a measurement tool, the blog should score 100 on all criteria.
How do you test a website?
4 projects | reddit.com/r/webdev | 5 Jul 2022
For implementation testing (e.g. WCAG 2.1 compliance, performance, best sec practices) there are checkers like webhint, lighthouse, and Pa11y.
Improving performance in a hierarchical SQL table structure with column propagation
2 projects | dev.to | 2 Jun 2022
The website should score 80+ in performance, SEO, and accessibility in Google Lighthouse tests. Plus, the load time should always be less than 2 seconds and ideally in the order of a few hundreds of milliseconds. The real challenge lies here, since the website consists of more than 2 million pages, and pre-rendering them all will take weeks. Also, the content shown in most of the pages is not static. Thus, we opted for an incremental static regeneration approach. When a visitor hits a page no one ever visited, Next.js generates it with the data retrieved from the APIs exposed by the backend. Then, Next.js caches the page for 30 or 60 seconds, depending on the importance of the page.
best way to build a personal blog post with svelte and markdown
3 projects | reddit.com/r/sveltejs | 17 Sep 2022
SvelteKit plus mdsvex. There are quite a few examples out there, e.g. https://github.com/rodneylab/sveltekit-blog-mdx.
SvelteKit Accessibility Testing: Automated CI A11y Tests
2 projects | dev.to | 28 Mar 2022
We will run through using the SvelteKit MDsveX starter but if you already have a SvelteKit site, it might make more since for you to follow along but working on a test branch of your own site. If you are using the starter, let’s get going by cloning it locally:
Use Vim Keyboard Shortcuts on your Blog
2 projects | dev.to | 18 Oct 2021
SvelteKit Image Plugin: Next-Gen Images in Svelte
3 projects | dev.to | 8 Sep 2021
We'll start with the SvelteKit MDsveX starter and add a responsive image to the home page. We will see how you can generate a low resolution placeholder as well as an alternative dominant colour placeholder. We will generate a WebP Next-Gen format image together with the original JPEG in different sizes so the image looks good on large retina displays without having to download a huge image for small mobile displays. Using the placeholders, we will eliminate image layout shift.
Anyone tried building JAM stack website using Svelte Kit?
6 projects | reddit.com/r/sveltejs | 4 Sep 2021
SvelteKit PWA: Installable App with Offline Access
2 projects | dev.to | 5 Aug 2021
I have just added PWA functionality to the MDsveX starter. All you need to do is customise the website configuration file with with site's name and theme colours, then run a script to generate all the different icon sizes automatically. Here is exactly what you need to do in five simple steps. If you are looking for a more general SvelteKit Tutorial or how to get started with SvelteKit I have a couple of posts you will appreciate.
SvelteKit SEO: Search Engine Optimisation Metadata
2 projects | dev.to | 29 Jul 2021
We will return to SchemaOrg in more detail. To start though, let's take a look at more general SEO metadata and then Twitter metadata. If you are starting a new site clone the SvelteKit MDsveX starter and follow along. Alternatively you can follow along and paste the code snippets into your own project.
SvelteKit Blog Starter: Climate MDsveX Starter for Svelte
2 projects | dev.to | 27 Jul 2021
If you are completely new to SvelteKit, it might be worth skimming through my recent post on Getting Started with SvelteKit, which will give you a head-start. That said I have built the starter to help you get up to speed quicker if you are still discovering SvelteKit. In this post I outline some key features. If you're more of a hands on person, just crack open the Sveltekit Blog Starter repo and start playing!
What are some alternatives?
axe-core - Accessibility engine for automated Web UI testing
Vue Storefront - The open-source frontend for any eCommerce. Built with a PWA and headless approach, using a modern JS stack. We have custom integrations with Magento, commercetools, Shopware and Shopify and total coverage is just a matter of time. The API approach also allows you to merge VSF with any third-party tool like CMS, payment gateways or analytics. Newest updates: https://blog.vuestorefront.io. Always Open Source, MIT license.
webpack-bundle-analyzer - Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap
storyblok-svelte-boilerplate - Code of the tutorial: Add a headless CMS with live preview to Svelte and Sapper in 5 minutes
svelte-materialify - A Material UI Design Component library for Svelte heavily inspired by vuetify.
Turbolinks - Turbolinks makes navigating your web application faster
lighthouse-ci - Automate running Lighthouse for every commit, viewing the changes, and preventing regressions
unlighthouse - Scan your entire site with Google Lighthouse in 2 minutes (on average). Open source, fully configurable with minimal setup.
budibase - Budibase is an open-source low code platform that helps you build internal tools in minutes 🚀
sveltekit-isr-cloudflare-workers - Incremental static regeneration for SvelteKit on Cloudflare Workers
Gantt chart for React.JS - dhtmlxGantt with ReactJS
Vue.js - This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core