How do you read the performance tab in the Chrome developer tools? - google-chrome-devtools

I am building a webapp using python & streamlit - and performance is fine, but far from perfect.
I tried running the chrome developer "performance" but I don't know how to read the outputs.
Any idea?
To clarify, I'm not expecting an interpretation of this screenshot - just an explanation of how to read it.

Related

DevTools Lighthouse: Best Practices displays "..." as a Deprecation/Warning

I'm testing the performance of my website with Lighthouse DevTool but I can't score 100% in Best Practices because keeps showing this as a problem:
Does anybody know what this means? How could I solve it?
You can find the specific errors in the "Issues" tab where the "Console" output is.
Also getting this, so you're not alone. Wondering if it was a recent Chrome bug I tried here - https://www.webpagetest.org/ and got the same useless error.
After a bit more digging, I found this closed issue on the lighthouse github repo.
https://github.com/GoogleChrome/lighthouse/issues/14233
So, it's been fixed, but only in version 10. Chrome 105 seems to be using lighthouse 9.6.2 and npm at the present time seems to install 9.6.7 (which has the same bug).
You can run the latest version by pulling the repo from github, building and running on the command line. See instructions here
https://github.com/GoogleChrome/lighthouse#develop
Note, the build doesn't work on an M1 mac, due to i386 specific build tools. I had to dig out my old macbook to get this working.

Is it possibile to obtain better graphic quality on Android Studio using Flutter (bad antialias)?

When I test my Flutter app (default font) using Android Studio on Windows I see bad quality characters (chars with bad antialias). When I run the app on a phone the antialias is perfect (so it is not a debug mode problem). Is there a way to obtain the same good quality in the emulator on PC?
This seems like a common problem found on Android Emulators running on a windows machine.
I had a similar problem with a Windows Laptop of mine and solved it following this StackOverflow answer.
It should work even if you are using windows 11

Blazor WASM Standalone Debug stopped working

I've been developing blazor wasm apps in vscode for the past few months without incident. All of a sudden, I can't debug via F5 any longer. I'm literally starting with a brand new app (dotnet new blazorwasm) and when I hit F5 I get the following error:
I've uninstalled/reinstalled vscode, chrome, updated .net core 5, tried Edge put things into my launch and launchsettings.json that have helped others and plenty of other things things that I can't recall. Even created a new account on my computer to eliminate possible plugins or settings, same problem.
One thing that does work is that I can debug the old way where I would run Chrome from the command line: open /Applications/Google\ Chrome.app --args --remote-debugging-port=9222
Then you can hit Cmd+Shift+D in Chrome to start debugging within Chrome. This is a stop gap, but I'd really like to figure out how/why this just stopped working.
I created repo that reproduces it on my machine.
I'm not finding a lot of ways to gather diagnostic details that might help me determine the cause, so would appreciate any tips that would help me solve this.
Using latest chrome and vscode, even tried the insider build. No luck. I'm not sure what I did or how to fix it. Any help is greatly appreciated!
This is todo with omnisharp update. I get the same. You can downgrade omnisharp as a test and it will work again. I am investigating.

How to run Visual Studio Code on Samsung Dex?

Does anyone know how to run VS Code on Samsung Dex?
I've tried:
https://medium.com/samsung-internet-dev/writing-software-using-a-phone-e71976f1f18d
Looks like it is possible, but I don't know how. I can see vscode supports linux, does this mean that you can run vscode on Samsung Dex - Note 9 ?
Thanks in Advance.
Visual Studio Code is not natively supported on Android yet. So there is no way to natively run VSCode on Android with your Note 9 and Samsung DeX.
You do however have the following two options available:
When using "Linux on DeX" then you have the option to run Visual Studio Code natively from the Linux environment on Samsung DeX, although do keep in mind that Linux on DeX is now discontinued starting Android 10.
Remotely log into a different Linux, Windows or Mac computer and use VSCode on those computer through your phone on Samsung DeX.
Ofcourse the first option is the best. I recommend using Linux on DeX for this. Right now there isn't a native Android version of VSCode :(
I would recommend to go for fully functional Linux on Android.
You will require
Termux (Playstore)
VNCViewer (Playstore), bVNCViewer(recommended for tablets)
Andronix (Playstore), would recommend to go for premium and modded os, it would just cost you a cup of coffee. Though you can use unmodded os for free. Modded os comes with pre installed VsCode, etc useful stuffs.
Follow Andronix documentation: https://andronix.app/
For a fully functioning visual studio code or code on a samsung tab, you can use github codespaces in a browser tab in Dex mode, this is a paid approach but a reliable one. One other is self-hosted code instances like code-server
As of summer 2020, there is a cloud9 style browser based VSCode service provided by Microsoft Azure:
https://online.visualstudio.com/
You can see it in action here:
https://www.youtube.com/watch?v=rg0VHA_YZUI
i didnt try that, but i think you can find a cloud coding solution, like Stackblitz that is very similar to vscode in appearance(if it's not in fact vscode), or even AWS Cloud9
Try using a VS format with a cloud10 interfase code this will open up a rex code then type your server code in using the YZ trigger and this will give you access.
You can install linux on Samsung phone and tablet and then you will be able to use visual code.
https://www.linuxondex.com

Sandbox loading with many errors net::ERR_CONNECTION_CLOSED

After logging in on sandbox.paypal.com, the site is loading with many errors and looks horribly broken.
This seems to be localized to me as my coworkers do not seem to have the same issue, nor have I found any reports of others sharing the same issue.
I'm running OS X Yosemite, and have tried viewing this in Chrome, & Firefox as well as using Incognito mode, but I still get the same thing.
My system is fairly stock with regard to the networking configuration. I do not have any extra firewall configured that may be blocking these connections.
I have no trouble with the normal live paypal site.
Where to even begin troubleshooting this? Any help is much appreciated.
Update
Safari 8.0 (10600.1.25) works.
I was using Chrome Beta (39). My coworker was using stable and after uninstalling and reinstalling the current stable Chrome 38.0.2125.111, it is now working in Chrome as well.
The current stable version of Firefox 33.0.2 is still not working.
Looks like paypall sandbox is broken since 3 days. Before everything was ok, now it serwes 144 empty lines before HTML tag and lost css and other resources.