clockwork
svgo
Our great sponsors
clockwork | svgo | |
---|---|---|
30 | 30 | |
5,500 | 20,349 | |
- | 0.9% | |
8.3 | 9.0 | |
6 days ago | 11 days ago | |
PHP | JavaScript | |
MIT License | 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.
clockwork
-
Laravel Debugger
Either Clockwork or Debugbar.
- Need to get good performance on request
-
Profiling Laravel application
https://underground.works/clockwork/ is super easy to set up and really good.
-
API Post Route slow
Get clockwork (https://github.com/itsgoingd/clockwork) so you can understand where in (or outside) your application you are getting an issue.
- How to read enterprise web applications built on Laravel8?
-
Debugbar skipping trace
Give https://github.com/itsgoingd/clockwork a go - I made the switch a long time ago, haven't look back
-
Are there any lesser-known tools you use a lot in your work?
90% of what I do is Laravel work and for every project, I use Clockwork. It puts all of the stuff below into a tab in Chrome's DevTools.
-
How to profile your PHP applications with Xdebug
Funny timing — I just spent 4 hours this morning comparing Xdebug, Blackfire, and New Relic.
After feeling like my SaaS application is starting to hit some scaling bottlenecks, I had a play with all 3 services to try and get some insight for a real-world application.
A brief summary:
- Xdebug: Slow. Fiddly to set up. Fine for a development environment and day-to-day profiling, but things like Clockwork[0] are, practically speaking, far more insightful.
- Blackfire: Terrible UX. Difficult setup process. Their free plan is almost impossible to evaluate as it only shows you glorified stack traces, most of which are littered with vendor and framework files. I didn’t want to commit to paying a full year of their standard plan (no monthly payment unless options, unless you go for the highest tiers), so I happily uninstalled and moved on.
- New Relic: wow… one command and a server reboot later, and I’m seeing performance profiling, consolidated dashboards, error logging, MariaDB and Redis queries, frontend performance, and server capacities - with REAL data, on production! I’m very, very impressed. And it’s free for a single user…?!
[0] Clockwork: https://underground.works/clockwork/
-
Performance of Relationship queries - Eloquent vs. Collection - Impact on performance
Clockwork is a must-have for identifying hidden performance bottlenecks. It’s like DebugBar, but on steroids. Also seems to be kinda under-the-radar, it should definitely be more widely known :)
-
Laravel Query Log
You might want to have a look at clockwork, it has a query logger and so much more.
svgo
-
SVG Viewer – View, edit, and optimize SVGs
Surprised this is being discussed here. It's worth noting that SVGOMG runs SVGO 3.0.0 while the latest version is 3.2.0 (so run SVGO locally for the latest optimizations), but I understand that once https://github.com/svg/svgo/pull/1943 is merged Jake will release an updated version of SVGOMG.
-
Random Code Inspiration Volume 2
image-shrinker is a simple, easy to use open source tool for shrinking images. Under the hood it uses pngquant, mozjpg, SVGO, and gifsicle. You can also install these tools individually if you need to compress some images. I often use pngquantafter exporting PNGs for web projects from Figma or similar tools. I literally run it like this:
-
Dynamic SVG images using Next.js
In addition to the techniques we’ve discussed so far, there are optimization tools available that can further enhance SVG images. These tools, such as SVGO and ImageOptim, offer valuable features to reduce file size and clean up SVG markup, making it easier to standardize and optimize the overall performance of SVG assets.
-
Is it possible to save multiple files as optimized SVGs at once?
Open the terminal and cd to the folder containing your SVG files and run the command inkscape *.svg --export-plain-svg --export-type=svg And Inkscape is going to save your files as plain SVG and append the word "_out" to them. Note : Plain SVG files are not optimized for the web, you should use SVGO or any other Node.js tool, there are a lot of them on MPM
- F360 going crazy over a client supplies SVG. Anything to clean it up?
- What is the benefit of stripping viewBox?
-
Ask HN: FOSS Projects Worth Donating To?
Look at software you use and identify underlying libraries.
SVGO https://github.com/svg/svgo is used by many graphics software but hasn't seen donations commensurate with usage https://opencollective.com/svgo
- Создаем React-компоненты иконок с помощью Figma API и SVGR. Часть 2.
- Used an online SVG editor, this code got added to my file. I've already opened the file. How fucked am I?
-
Using SVGs in Common Lisp web apps with Djula
There are still a lot of things cl-djula-svg is capable of doing. For the immediate future, I am looking at adding optimization capabilities something like what svgo is doing for svgr. If you know anything else needs to be done to improve the package, please open an issue in the repository.
What are some alternatives?
laravel-debugbar - Debugbar for Laravel (Integrates PHP Debug Bar)
svgomg - Web GUI for SVGO
laravel-telescope-toolbar - A toolbar for Laravel Telescope, based on the Symfony Web Profiler.
svgr - Transform SVGs into React components 🦁
phpqa - Docker image that provides static analysis tools for PHP
svg-to-react - Tool to convert SVG files to React components
php-spx - A simple & straight-to-the-point PHP profiling extension with its built-in web UI
Beatbump - Alternative YouTube Music frontend built with Svelte/SvelteKit 🎧
laravel-ide-helper - IDE Helper for Laravel
easyeda-svg-import - Simple SVG Importer for EasyEDA PCB that doesn't convert everything to Comic Sans 😄
phpinsights - 🔰 Instant PHP quality checks from your console
xooks - General purpose react hooks collection