My Polymer website is completely broken on MS Edge - web

My website works fine on Chrome, Safari and Firefox, but for some reason is completely unusable on MS Edge. It freezes up, the styles are not being applied correctly, and the top bar jumps all over the place.
I have all the required Polyfills loaded.
Edit: Here's the source code.

I faced similar problems in the past and never found out what exactly caused it. What I would advise you to test is replacing webcomponents-light
with webcomponents-loader.
<script src="/bower_components/webcomponentsjs/webcomponents-loader.js"></script>
Make sure that you empty the cache and maybe disable the service worker for testing.

Related

What is causing website to load inconsistently in Safari?

I am working on some website edits for a client and am running into an issue where the website no longer loads consistently in Safari. It will sometimes load if refreshed enough times but generally it just shows a white screen.
I have only made a couple of small changes to the site in their host Web.com's website builder (editing the navigation and removing a few buttons from pages), so I'm super confused on what would have caused this to happen. The website can be viewed here: https://www.larrypratt.com/
Has anyone encountered this sort of thing before? Thanks.

Flutter web app is not supporting in IE11. Shows empty page

Flutter web app(Sample app) is not supporting in IE11. Shows empty page and remaining browsers(Chrome, Firefox, edge) its working fine. Any solution for this IE11 issue. Thanks in advance.
Looking at various discussions about flutter it was reported as not working with IE or Edge earlier in 2020 but it now works with Edge (probably because Edge has moved towards Chrome). I did not find any comment that says it now works on IE and trying other examples they work on Chrome and Edge as of today but not on IE11.
Also, the test example given does not work on Firefox either.
There is some hint in the discussions on [https://flutter.dev/docs/get-started/codelab-web][1] that they were tracking down the problems in Edge (before Edge moved) but I could not find any hint that they would be working on IE.
It may be best to repeat the question to the flutter community - but it would not be surprising if they were not going to work on an IE version as it is slowly dying out.
Having said all that, the error now posted by the questioner points at an incompatibility with the version of Bootstrap being used. Several places in searching for this come up with the recommentdation that this should be added in the head of the code
<meta http-equiv="X-UA-Compatible" content="IE=edge">
It may be worth raising this with flutter themselves - maybe they are using the wrong version of Bootstrap or need to do something like the above? (to prevent old version of IE run).
[1]: https://flutter.dev/docs/get-started/codelab-web

Constantly get "?" as score and FMP error on pagespeed insight

I use pagespeed insight to audit thise site:
http://www.omniwaresoft.com.tw/docker/
But I can't get result like usual, instead it shows "?" and "error (NO_FMP)" for First CPU Idle, FMP and dom ready.
Here's the screenshot
This appears to be a problem with the simulated throttling on Page Speed Insights.
I cannot pinpoint the problem but I would guess it is related to some strange behaviour on your site where the site starts loading in and then there is a quick flash and the content then animates in.
Also as you have a lot of assets set to https in source but don't have an SSL certificate the 307 redirects could cause an error somewhere.
Certain Chinese character combinations have been known to cause issues with Lighthouse (the engine behind Page Speed Insights) under throttling although the exact cause I am not sure of.
Workaround
Obviously once the site has SSL etc. the problem could go away.
In the mean time if you go to Developer Tools -> Audits you have the option to deselect 'Simulated Throttling'. If you do that then it does work, although the score is always about 3-5 points lower than simulated throttling so bear that in mind.
newer chrome versions -> the option to deselect the 'Simulated Throttling' is now only visible if you click the settings icon (gear / cog) in the top right of the audits page, took me a few seconds to work out where they had hidden it. Also make sure that 'Clear Storage' is checked so that you get a score as if it was a new visitor to the site.
PageSpeed Lighthouse reports an error on the "too many redirects" as well as an error for "defer off -screen content".
It works as expected if the page is scrolled to the end before the audit is complete. And as https://stackoverflow.com/users/2702894/graham-ritchie noted, it only happens if a slow network is simulated.
There seems to be more than one plugin trying to cache content. Try turning one or both of those off.
Some of the lazy loaded image tags have a src value with a HTTPS protocol on the CDN and a lazy loaded image (data-src) on the server with a HTTP protocol. Try turning lazy loaded images off and if that fixes it, try making sure both src and data-src use the same protocol.
It also seems like something is causing assets that are 404 errors to return the URL of the page.
One last thing I noticed: The Autoptimize plugin does not seem to be resulting in optimized performance—the time to first byte is sometimes over 4 seconds. Maybe try turning it and any other plugins caching off, empty the caches they've created and look at PageSpeed.
In general, turn plugins off and see if the PageSpeed problem is fixed and even if performance is better with them off.

Azure pricing calculator not updating estimates

I am trying to price out various azure services and when I add them to the calculator and make changes the estimate does not update.
I have tried this in Edge, IE, Chrome, Firefox (normal browsing and Private) and I get the same results.
I also ran CCleaner and removed all of the files for each browser.
The calculator did work a few days ago.
Any ideas?
I had the same problem. A solution that works for me is to open a new InPrivate window from the Edge browser. (A new private window from Firefox did not solve the problem).
Perhaps the problem is related to cookies? I have not tested after deleting all cookies. #jake, when you used CCleaner, was it set to delete cookies or just cached data and files?
(For what it is worth, in the Firefox developer console I see several warnings related to failed loading of JS scripts. I can't say if such a failure is the cause of the problem, but it looks like Microsoft needs to do better testing of the calculator page.)

Website renders differently on server vs locally

I'm having a very bizarre issue. I have been building a website locally on my linux box and all was well until I uploaded the site files to a place where i have some hosted space. Everything renders exactly the same except one element in my footer which i think is affecting some jquery animation i am using. I thought maybe I was missing files or hadn't uploaded the latest versions of everything, so I deleted the server directory and re-uploaded everything exactly as is from my local copy. And yet, the problem remains. I'm not sure how this is happening. Has anyone seen this before, or does anyone have an idea what could cause this? I'm baffled! Thanks everyone!!! I am attaching screen shots.
Seems to be a cache problem. Try to force a refresh with F5 or CTRL+F5.
Try clear your cache in your browser settings.
If that don't work, use Firebug (an Firefox browser addon) to check actual css at your footer. This will show the problem.
BTW: don't use spaces in your URL if you can. Don't use spaces in your filenames/folders.

Resources