PageSpeed/Lighthouse NOT_HTML issue after update - html

We are trying to use https://pagespeed.web.dev/ to evaluate the speed of our site.
The tool has worked on our site URLs for months, but for the past few days we have been getting below error when trying to use it:
Lighthouse returned an error: NOT_HTML. The specified page is not HTML (displayed as MIME type text / plain).
Our site is a fairly standard Shopify page, see e.g. this URL for replication of the issue.

mfcss i am also facing this issue from last night and this issue is related to google page speed insights new update ( all of my client shopify stores are getting this error while checking on google page speed insights new updated tool .
Try checking from you shopify dashboard click on view report under theme and then click on view report for all pages homepage, product page and collection pages this might work.

We have now learned from the github page of Lighthouse that this is related to a lack of support for Early Hints (used by Shopify) in the Lighthouse 9.0.0 release.
As suggested, there are short-term workarounds, e.g. using Lighthouse via the Chrome Developer Tools works for now. Shopify technical support has also been notified of this problem.

here is an update as it looks like a shopify issue with new tool but found a solution if you make a copy of theme and check by preview link in google page speed insights it shows the mobile and desktop score

Related

Offline / Local Website with configuration options

thanks in advance for your time to help me.
So... I work on a Retail store and we use a kiosk-like app on the laptops with the hardware and price information.
Recently i realized (because it runs 24/7) the lcds are getting burned by the kiosk app and its a major problem to the store.
Since i cannot make changes on the app itself i realized the best option was to create some kind of solution to this problem.
So i thought on creating an offline / local website in HTML that mimics the layout on the kiosk app and use some kind of anti-lcdburn jquery running along. (already have the code for the anti burn jquery).
My main problem is the kiosk app was really user-friendly on the configuration. Anyone on my store could easily change the data showing.
But in the other hand if i want to implement a static html website, anyone without html skills can't easily change the values.
My first thought was to create some kind of config file and find a way to import it. My main issue it i need to make this so that anyone with low-it skills can enter a page , change values and those values would show up on the kiosk page.
Something like a simple CMS but for a local file.
Any ideas?
Best regards
Can you display the website inside an iframe?
If so, just make a file that loads the website in an iframe, with the anti screen-burn jQuery over the top.
Anything more than that would be overkill and rebuilding something that appears to already exist - have you considered asking the creator of the app to include an anti screen-burn option?

How do I open the device's default navigation app through a URL?

Good Morning, everyone
I'm dealing with a problem in an application developed using Cordova, for android. In a certain page of the application (everything is constructed using pure HTML and Javascript), I need to open a route when the user clicks a link. After many hours of research on the internet, I could find some options, but none of them dealed with it.
Here I give you what I found and tried so far. Please assume that the coordinates represent a viable location for the route..
Using the geo: schema
Example: Route
Problem: This was the one that nearly solve it. The problem here is that geo: opens the map application showing the position given in the coordinates. All fine until there, but there is no option using this schema to open with a route, as I could figure out reading the specification.
Using maps.google.com in the link domain. Example:
When trying this using the device's browser, I could open the navigation app. But using it inside a hybrid application as the on I'm building just redirects it to Google Maps site, using it's mobile version. But it happens inside my application, what now seems logical to me but really freaked me out, since it's not possible to control that. (Unfortunally an iframe is not a viable option because of the standarts that we addopt in the project.
Using a target=blank on that link didn't changed nothing.
My last try was using the google.navigation schema.
Example: <a href="google.navigation:q=45.6,32.8" target="_blank">
Again, if I test it in a common device browser everything works just fine but when I try it on my app it crashes, saying that "google.navitation is not a supported protocol."
UPDATE
I've also tried the option present here, with the following format:
Route to here
The application also crashes and I'm alerted that the comgooglemaps:// schema is not supported.
I could findthese 4 options, since everyone that had similar needs could find a solution using them. Is there any other way to do that? I really appretiate any help from you, if possible, with some documentation/specification/whatever link about that.
Thank you for your attention.

Facebook like button no longer shows up in Google Chrome

I am developing a bulk sms application using JSF. I added the facebook like button but it doesn't show up on chrome (it shows up in IE). I checked the console and found a message - "Failed to load resource: net::ERR_BLOCKED_BY_CLIENT". My other site that formerly used to display the button also no longer shows it. Any help will be appreciated. Thanks
I stumbled across this question because I was searching for "net::ERR_BLOCKED_BY_CLIENT" while developing a website using a purchased template.
The issue was that I checked "block social media buttons" in AdBlockPlus settings. I did not use any tracking buttons on my website, though.
The template used banned names in classes and file names. For example, there was a CSS class icon-social-facebook and an image icon-social-facebook.png. It turned out that AdBlockPlus was configured to use this list https://easylist-downloads.adblockplus.org/fanboy-social.txt which blocked website elements with "icon-social-" in their names.

Remove unused css from multiple pages at the same time (whole website)

I 've searched on google some online unused css removers that you have to pay. I also checked here on stackoverflow for programs that might do that. I only found an easy way via google chrome.
Customize and control google chrome
Tools
Developper options
Audits
Check Audit Present State , Web Page Performance only and then push RUN
Then i can see on the files the unused css of the current page
The thing is that this one does it for one page (current) only.
I have a website with three pages here : PAGE 1 , PAGE 2 , PAGE 3. I want to find the unused css parts of all the three pages at the same time. Is there a tool or a website that does it for free ?
Try "Dust-Me Selectors" add-on for Firefox. It has the ability to crawl, even thru a given sitemap.
I also wish Google Audit had that feature.
Opera has an open project Ucss. It's searching dublicated or no-used properities.
More here

Chrome says my website contains malware?

Chrome saying while I am accessing my site, after searching I cleaned my code from the site but chrome still showing then I removed all files from my site and just upload index.html (blank file) but warning is still showing.
Chrome warnings will be based on black-lists which record where malware has been found in a site or domain, this isn't a live "scan" and does not necessarily mean that malware is on that page or at that specific time. It is not clear from your question if you've created a new folder and index.html and you are also seeing a malware warning when browsing to that URL, or if you've replaced your site content with an empty folder and index.html and that warning is still showing. Once you have taken the steps to disinfect the site then you can request a review which should help remove the warning http://support.google.com/webmasters/bin/answer.py?hl=en&answer=163633.
The malware warning should be taken seriously even if you are confident in your own site content as crackers use automatic toolkits to find vulnerabilities in websites and inject code into them to infect visitors, as these kits are largely automatic there isn't the protection in obscurity you might otherwise assume.
If you've not been able to find and fix the issue Chrome is warning about, you owe it to your visitors- and your own reputation- to take the site content down until you can resolve the problem.
Google Chrome's malware blacklists should be based on same data used by Google's safebrowsing advisory. You can access this information for a particular site (e.g. stackoverflow.com) via the following url:
http://www.google.com/safebrowsing/diagnostic?site=stackoverflow.com
Just replace the domain with your own and it should give you some indication why your site generated malware warnings in Chrome.
1.In the top-right corner of the browser window, click the Chrome menu Chrome menu.
Select Settings.
Click Show advanced settings.
Under "Privacy," uncheck the box "Protect you and your device from dangerous sites."