How to use PerformanceObserver to detect and fix longtask? - javascript

Recently i came across the PerformanceObserver,
(https://developers.google.com/web/updates/2016/06/performance-observer
https://developer.mozilla.org/en-US/docs/Web/API/PerformanceObserver)
It provide option for tracking longtask, I added in my code and got some longtask, result looks like this
There is no information about where it happening and what triggers it. Please help me to understand what is long task and how to fix it.
Thanks

Related

Facing a issue in contact us page looks like JavaScript issue

i’m facing a issue in contact us page of my website. It’s showing some java script code under email image. I don’t now why it’s showing i tried to solve but can’t. Please help me out why this is showing. Here is screenshot Screenshoot of issue. Please help me out how to fix it? I'm not a developer but can solve if anyone give me the solution. Here's affected url: https://www.hrdbearing.com/contact-us.
I want to know the solution of this problem.
It looks like the plugin you use to build your pages is not working since it is showing the markup text instead of the page content.
Check if it is installed and try to update.

How do I change the information that is being presented by my algolia wordpress plugin in my autocomplete drop down menu?

I think it says it in the title pretty well.
I do not know where to go to resolve this. I have tried looking at the CMS for algolia, I have tried looking at the autocomplete.js file, I have tried looking at many files but I am still with no answer.
Can anyone help? Thanks in advance!
Ok so if anyone runs into a similar problem it is listed in the alogolia help guide, I simply overlooked a step and didn't see how to resolve it. It is here if anyone needs it
https://www.algolia.com/doc/tutorials/search-ui/autocomplete/auto-complete/#initialize-the-client

Youtube, the site itself freezing for a few seconds

i've been plagued by a problem that seem to started since Youtube's last
layout change this year.
I have for months put up and tried to ignore the freezing that happens
everytime I open a link within youtube such as an channel, an video, the homepage, etc.
I'm using Chrome version 31.0.1650.63 and I have already tested youtube without any
extensions, cookies, cache, etc but it still affects me to this day and maybe some
of you out there.
I searched every where for the solution and couldn't find any anywhere.
I did a bit of digging and testing to see what is the root of the problem and
while i'm no expertise on code or Java...I did found something.
Every time I reload a page on youtube, with it finishing loading up...this happens:
http://i.imgur.com/K9Z3vJ1.png
See that?
The purple-colored rendering, that's the cause of the lag every time I load
up something on youtube!
I notice that it repeats the same thing over and over again for like 5-15 or so
seconds before it starts loading up the thumbnails of the videos.
If you want a closer inspection of the code, here's the raw data from the timeline (that you can load up in chrome's dev timeline window):
Youtube Lag JSON Timeline file
I don't what to do with this problem and I believe it affects
me in Firefox as well but to an lesser extent then chrome.
Do any of you guys know how to resolve this problem?
Honestly I doubt that the youtube devs will fix this problem since they're the ones who caused it in the first place. (Like not being able to subscribe to some people when i'm not even at my sub limit.)
I'm sorry if you don't want to help but I don't know who else to look to besides
the experts that y'all are when it comes to web coding. If anything, I believe a userscript or something similar could help with this but how...I don't know.
I'm new to this and I apologize if the question i'm asking isn't suited for this site.
Still, thanks for reading and if you can...please reply.
That is all and thanks again.
Well I was fiddling around and looking at the source code
with chromes timeline devtools and well...
I found a temporary solution to the problem which seems to have
fixed and ended the freezing on youtube! yay~
But some things don't work with this solution and i'm at
a fault with this issue after some hours trying to figure out
how to stop the problem.
Anyways I used adblock, an extension that I have on Google Chrome, to deal
with this issue and was able to get everything fixed and working!
What I did was, in the custom filters section (check options in your
adblock extension, you should have it.) and added the following then did
some testing to see if it fixed the problem which it did!
Here are the filters I used to fix it!
||s.ytimg.com/yts/jsbin/www-pageframe-*
*www-pageframe-*.js
^^^
Yeah, that's the temporary solution as it fixes the problems but it causes the following...
You can't open the menu which contains links to your playlists, user settings, channel, etc when you click your username or profile
picture on top right of youtube.
The "..." mini-menu that you usually find on the right of a video section (to hide, subscribe, etc.) doesn't appear anymore.
Youtube's quick menu button doesn't work, however the menu is still open but you won't be able to close it. That or it's close and you
won't be able to open it...I guess.
Those are the problems I found with this temporarily solution to the freezing problem.
Yeah...but I hope this helps anyone who's having this problem somewhat well.
But it would be nice if someone has an better solution then mine hehe!
Thanks for reading and if you have a better solution, don't feel afraid to
tell! ^_^
I'll be awaiting other answers, for now...I hope this helps y'all well
in some ways hehe! =D
This certainly isn't javascript, but substituting the normal EasyList in ABP for EasyList without element hiding will fix the issue. There are downsides to this as well but for now seems to be the better solution.

too much recursion mixpanel jquery

I'm experiencing problem with too much recursion when I'm sending event to MixPanel analytic. This is what I have:
onClick='_gaq.push([\"_setAccount\", \"UA-1111111-1\"]); _gaq.push([\"_trackEvent\", \"School\", \"Add School\"]);'
My onClick is in dynamically created <\li>. Thanks
Soulution:
Hi friends, this was one of those lame bugs. I had a JS file where I had MixPanel setup, after some time I've changed position of that setup to other file and I commented out old setup. For some reason that code was the problem, after I deleted it totally from file the problem was gone. If somebody know how to explain this it would be helpful? I hope that this will help somebody in a future.

Code (ok in other browsers) working in Firefox only when clicking back button / on.load

So heres my problem:
The code only works, when I leave the page to a different url (in the same browser window) and then press the back button.
What could be the reason for such an odd behavior? Any hints where and what to look for?
I know its not a specific question but a general one, because i hope to get guidance so someone can hint me to the "desease" by me describing the symptons (Dr.House-style) so I get a good start for finding the bug.
So i hope this is ok to ask.
Anyhow, if it needs to be specific, here is the code that is acting so strangely:
2 scripts (FitVids.js, Vimeo.js) together kill Calling a function to play video, resulting in: VimeoAPI is not a function
I would assume that means that VimeoAPI is not a function. :) You may be spelling it wrong, capitalizing it wrong, or it may not be defined yet. Try posting your code clearly on your post.

Categories

Resources