Our great sponsors
- Klotho - AWS Cloud-aware infrastructure-from-code toolbox [NEW]
- Appwrite - The Open Source Firebase alternative introduces iOS support
- ONLYOFFICE ONLYOFFICE Docs — document collaboration in your environment
- InfluxDB - Access the most powerful time series database as a service
|2 days ago||almost 2 years ago|
|Apache License 2.0||MIT 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.
A Comprehensive Guide to Rails Internationalization
4 projects | dev.to | 21 Oct 2022
How is this website so fast?
4 projects | reddit.com/r/webdev | 16 Aug 2022
Because it feels fast, it actually is not. It is using Turbolinks. https://github.com/turbolinks/turbolinks And Laravel Wrapper for Turbolinks: https://github.com/frenzyapp/turbolinks
An SPA Alternative
4 projects | news.ycombinator.com | 19 Jul 2022
It provides a smooth UX by fetching next page's HTML in background, then replace the DOM by compareing the diff in HTML. So you won't see a blank page while navigating between pages.
Get Started with Hotwire in Your Ruby on Rails App
4 projects | dev.to | 13 Jul 2022
A Look at Rails Hotwire: Turbo Drive
4 projects | dev.to | 18 Apr 2022
When the Turbolinks technology first came out in Rails 4, some people did not understand what it was really about. I happened to get it right away only because I personally implemented my own version of Turbo Drive for one of my client projects before Turbolinks was released (around 2012), so I really appreciated Turbolinks when it was released. With the latest updates in Rails 7, the Turbolinks technology has been renamed to Turbo Drive (now part of Hotwire) since it not only accelerates hyperlinks anymore, but also form submissions too.
Migrating From Turbolinks To Turbo
4 projects | dev.to | 1 Feb 2022
Turbolinks, a great tool to make navigating your web application faster, is no longer under active development. It has been superseded by a new framework called Turbo, which is part of the Hotwire umbrella.
Unable to build and deploy Rails 126.96.36.199 app on heroku - Throws gyp verb cli error
7 projects | reddit.com/r/Heroku | 17 Dec 2021
How to Build a Low-Tech Website?
4 projects | news.ycombinator.com | 2 Nov 2021
Doing the Impossible — Building a Persistent Audio Player in Ruby on Rails
2 projects | dev.to | 5 Sep 2021
We’ll use Ruby on Rails and Turbo to accomplish this, but we could use Turbo’s predecessor, Turbolinks to achieve the same result, and Rails is only incidental to the finished project. We could just as easily use Turbo with any other "multi-page" framework and deliver the same experience.
I've learned a little bit of python. Now what?
3 projects | reddit.com/r/Python | 15 Aug 2021
Check out StimulusJs and Turbolinks their whole purpose is to add only a tiny bit of js to a server side rendered website, to give a feel similar to that of client-side rendered web pages.
What are some alternatives?
axe-core - Accessibility engine for automated Web UI testing
htmx - </> htmx - high power tools for HTML
InstantClick - InstantClick makes following links in your website instant.
vite - Next generation frontend tooling. It's fast!
webpack-bundle-analyzer - Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap
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.
turbo-rails - Use Turbo in your Ruby on Rails app
Slide and swipe - :zap: A sliding swipe menu that works with touchSwipe library.
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.
sveltekit-blog-mdx - SvelteKit MDX starter blog with MDsveX (Svelte in markdown)