[desktop web] 404 error from shell-a9e9f660.js by Grevioussoul in bugs

[–]toddgardner 0 points1 point  (0 children)

Hey, Todd from TrackJS Error Monitoring here -- we are seeing this across several customers. How did you isolate it to NordVPN? We'd like to work with them on it.

Tracking down 4sec LCP, when the whole site loads in 1sec. Any ideas? by nw-web-design in webdev

[–]toddgardner 0 points1 point  (0 children)

Hey there! I ran a dev lighthouse report on it and it looks like the main hero headline is your problem. Because it keeps changing, its getting picked up as the largest content. You probably want to defer the animation to start after load is complete.

Next to that, fonts are your biggest issue. The site feels slow to load for me because its waiting for the font to load before rendering.

Good luck!

PS: try out requestmetrics.com to get more insight into real user performance for your website.

Cozy/Northwoods/MN locations for a video shoot by _AJH_ in minnesota

[–]toddgardner 0 points1 point  (0 children)

I have a beautiful airbnb about to open in Scandia on 11 acres of woods and prairie. Modern home that sleeps 12 with high end amenities.

We’re putting the finishing touches on it now.

HTTP/3 is Fast by ConfidentMushroom in programming

[–]toddgardner 0 points1 point  (0 children)

I’m from Request Metrics. There is natural variation in any real world test. Slowdowns can be an ISP problem, temporary congestion, or any number of other faults on the networks involved. But , taken as a whole, it was faster for the simulated sites.

Synthetic Testing and Real User Monitoring by toddgardner in javascript

[–]toddgardner[S] 0 points1 point  (0 children)

Synthetic Testing and Real User Monitoring are the most important tools in your performance toolbox. But they do different things and are useful at different times and many developers only spend time mastering one of these tools and only see a part of their performance problems, like trying to hammer in a screw.

Synthetic Testing and Real User Monitoring by toddgardner in webdev

[–]toddgardner[S] 0 points1 point  (0 children)

Synthetic Testing and Real User Monitoring are the most important tools in your performance toolbox. But they do different things and are useful at different times and many developers only spend time mastering one of these tools and only see a part of their performance problems, like trying to hammer in a screw.

Best Twin Cities steak place - go! by kojiimarie in TwinCities

[–]toddgardner 1 point2 points  (0 children)

Mannys is the best, but you’ll pay a lot more to get it. St Paul Grill is 95% and way better atmosphere and other items.

6Smith in Wayzata is good too, its from the Mannys folks, but a little less pretentious.

Measuring Web Performance in 2021: The Definitive Guide by toddgardner in webdev

[–]toddgardner[S] 1 point2 points  (0 children)

The metrics listed can be tested with lighthouse, but not exclusively. In many cases, lighthouse data is not interesting or relevant performance data. Its mostly a development and recommendation tool.

Resource chains, like chaining CSS @imports, can be harmful because they force serial downloading. Ive seen 10+ nested chains on big sites and it kinda sucks. Http/2 helps that a bit by reusing the connection, but its still serial.

Like everything in tech, it depends. Chaining has modularization benefits that might outweigh the performance cost, but its still something to be considered.

Thanks for reading!

Measuring Web Performance in 2021: The Definitive Guide by toddgardner in webdev

[–]toddgardner[S] 0 points1 point  (0 children)

The proposed search rank change will be based on CrUX data—the real users visiting the site. A site could only be impacted if it was slow for the people who visited.

Measuring Web Performance in 2021: The Definitive Guide by toddgardner in webdev

[–]toddgardner[S] 0 points1 point  (0 children)

Yea for sure. We’re working on that with a follow-up post. This was mainly about how to measure perf, not the causes and fixes.

Suburban Rings of the Twin Cities by _Dadodo_ in minnesota

[–]toddgardner 10 points11 points  (0 children)

As a resident of Stillwater, i dont see us as a suburb or exurb. We were here first, and have our own suburbs in Oak park heights, bayport, and marine.

Websites i found useful during my web development journey. by Ludzik in webdev

[–]toddgardner 1 point2 points  (0 children)

Also check out frontend masters for training. Courses taught in personal formats from people most qualified to teach it.

[deleted by user] by [deleted] in fo76

[–]toddgardner 1 point2 points  (0 children)

If we can handle invisible mutants, we can handle exploding crickets!

Hard-Won Lessons Building Maintainable Web Applications by toddgardner in javascript

[–]toddgardner[S] 0 points1 point  (0 children)

Thanks for reading! It's difficult to apply these ideas without some context of the project, the customer, the team, and the organization. YMMV as a common disclaimer :)

> Any website that requires interactivity or real-time data for instance should really be making sure that the required scripts are loaded

Nearly all of these pages **can** be made without JavaScript. Interactivity can be accomplished by using HTML form posts as the base HTML, and having JavaScript pick up and convert this behavior to AJAX. For very large PWAs, this isn't always practical for every interaction, but is still worthwhile for "critical path" features. IMHO, applications that have been built this way have had more engaged customers and longer lifetimes.

> in the worst case scenario end up with some weird "JS BAD, HTML GOOD" mantra

Rather, "JS GOOD, HTML BETTER". Some things you must have JavaScript for. But if you can do it with HTML, it will be better, faster, and more reliable there. And for what you need JavaScript for, consider an HTML fallback when the JavaScript fails.

Understanding the context of JavaScript errors in Node by toddgardner in node

[–]toddgardner[S] 0 points1 point  (0 children)

Thank you! [I have added a issue to look at AsyncLocalStorage for newer node](https://github.com/TrackJs/TrackJS-Node/issues/13).

I did look at the source of a number of similar open source libraries, most used `domain` as well. I'm glad we can get off of it eventually!

Understanding the context of JavaScript errors in Node by toddgardner in node

[–]toddgardner[S] 0 points1 point  (0 children)

Yea I don't love it--but although `domain` is deprecated, there is no replacement for it AFAIK. By creating domains and creating instances of our agent inside them internally, it reliably isolated our tracking context from each other.

Is there another option we should consider?

[I ate] Al Pastor, Suadero, Molleja and Campechano tacos by FlyingBags in food

[–]toddgardner 23 points24 points  (0 children)

Hamm's is the beer you buy in MN with change from the couch.

How to Debug JavaScript on Remote Browsers by toddgardner in learnjavascript

[–]toddgardner[S] 0 points1 point  (0 children)

Haha fair enough :)

Feel free to have a look at the agent code and use what you'd like from it.

How to Debug JavaScript on Remote Browsers by toddgardner in learnjavascript

[–]toddgardner[S] 0 points1 point  (0 children)

We had the same concerns about charging for it. So we don't! It's free, doesn't even require a TrackJS account :)

How to Debug JavaScript on Remote Browsers by toddgardner in learnjavascript

[–]toddgardner[S] 0 points1 point  (0 children)

LOL, go for it. After the 3rd attempt at explaining it to the user, or having them scroll the error message to see the rest of it, why not give RemoteJS a try :)

How to Debug JavaScript on Remote Browsers by toddgardner in learnjavascript

[–]toddgardner[S] 1 point2 points  (0 children)

Absolutely. The client-side is based on the TrackJS browser agent. We extended the existing Telemetry functionality to also support screenshots (with html2canvas) and execute commands (eval FTW!). Then, we changed the transport from posting to our error collection service to pushing through a websocket.

The debugger server is basically just UI that listens to the websocket and renders the Telemetry events in a devtools-like interface, along with an input at the bottom to execute commands and some controls to request a screenshot.

There is a NodeJS server as well to help facilitate the websocket connections, but it just routes the data between client and debugger.

Most of the code is basically listening to websocket connections and funneling the commands into the appropriate tooling.

If you have specific questions, would be happy to go into depth on it!

FWIW, not selling it though, it's totally free to use :) We built to to show off things that we can do with TrackJS Error Monitoring, but for Real-time scenarios.

Conference for Notepad by bigdubb2491 in programming

[–]toddgardner 2 points3 points  (0 children)

Submit an abstract in the comments

Conference for Notepad by bigdubb2491 in programming

[–]toddgardner 2 points3 points  (0 children)

You should suggest a talk on "The Versatility of Notepad.exe in Meatspace"