Products > Dodgy Technology
Bad/bloated web design
PlainName:
--- Quote ---who uses a computer thingy nowadays?!?
--- End quote ---
Just in case it wasn't clear, I was trying to be ironic there :)
MrMobodies:
After watching Louise Rossman talk about a vacuum made by Hoover. and complaining about the warranty I thought I'd go and see if they still put the Queens logo on them "By appointment of Queen" etc.
I don't see any when I looked at one on Very.co.uk but the page took like 8 seconds to load with all this animated crap.
https://www.very.co.uk/hoover-h-energy-300-pets-bagged-cylinder-vacuum-cleaner/1600809924.prd
36% CPU time
24% CPU time
3% CPU time with all that stupid crap gone.
Page now loads instantly or a few seconds with the content further below in place of those things instead of those things flashing everywhere, hogging up the CPU via that gradient cycling thing causing the whole thing to slow down on every page load.
Stupid stupid stupid stupid!
When I see these things they just make me go absolutely mad.
--- Quote ---very.co.uk##.tvg-overlay-enter-done
very.co.uk##[data-testid="product-card-skeleton"]
very.co.uk##[data-testid="fuse-skeleton-test-id"]
very.co.uk##[data-testid="verypay-skeleton-card"]
##.tvg-overlay-enter-done
##[data-testid="product-card-skeleton"]
##[data-testid="fuse-skeleton-test-id"]
##[data-testid="verypay-skeleton-card"]
--- End quote ---
Maybe I should make some more wildcard variants of the element names above on my blocklist so by chance I won't see them on other websites.
MrMobodies:
Just noticed this fixed little question mark on Ebay which opens this dialogue
Other than animated light overlay it seems nice and simple with no dimming overlays around it or resource wasting decorations/animated skeleton placeholers.
Dialogue can be dragged and is made translucent on moving it.
They seem to have managed to make something fixed, for a change that is simple, out of the way, not too distracting without bloating it with too many animations and annoying stuff.
Thank you very much ebay.
MrMobodies:
Just noticed IMDB going really slow recent then I noticed this CPU resource wasting crap making it's way on IMDB before the page finishes loading.
Over 30% CPU time wasted on that stupidity after every page load.
There don't see to be many of these maybe 2 or 4 squares that flash but the page seems to load much more quickly now without stalling or those things flashing away as I scroll. There are still static placeholders and some thumbnails or pictures appear later without it stalling.
--- Quote ---##.ipc-skeleton.ipc-skeleton--rectangle.ipc-skeleton--base.ipc-skeleton--pulse
##.ipc-skeleton.ipc-skeleton--rectangle.ipc-skeleton--base.ipc-skeleton--pulse
imbb.com##.sc-czgmHJ.kHVbLh
##.ipc-loader.ipc-loader--dot.discoveryfeature--loader
##.ipc-loader__container
##.ipc-loader__dot.ipc-loader__dot--one
##.ipc-loader__dot.ipc-loader__dot--two
##.ipc-loader__dot.ipc-loader__dot--three
##.discoveryfeature--loader
##.ipc-skeleton--pulse
##.ipc-skeleton--base
##.ipc-skeleton--rectangle
##.ipc-loader
##.inline-video-start-loader
##.ipc-loader ipc-loader--dot
imdb.com##.sc-b6f25f39-0.elKCjC
##.ipc-chip--on-base.ipc-scroll-to-top-button
##.feature-name-news__loader
##.right-rail-more-to-explore
imdb.com##.ipc-page-section.ipc-page-section--none.recently-viewed-items
--- End quote ---
Remove some other crap like the fixed widget that scrolls to top, unwanted fixed widgets on the side and recently viewed items that I don't want to see just because I saw it once.
I am starting to HATE that word "LOADER" when used in this way.
It doesn't load any content but those stupid things.
It does not need a "loader" unless the person who put it there is trying to make out that they themselves are very important for designing something that sounds very important for some decorations that hog up CPU time and slow it down everything during the page load for things that are not needed but more of a nuisance.
MrMobodies:
I was getting pretty annoyed by this appearing again but found the culprit:
I complained to Amazon a couple of weeks ago to be told that it was the private marketplace sellers doing it and are now free to customize the page how they see including altering stuff that has nothing to do with them and I believed the gentleman because he told me to go to a few pages that were not Amazon Marketplace and they didn't have that crap follow down the page.
Last week it was there permanently on certain pages and intermittently on others.
After spending 3 hours I found a culprit and also does affect some of the manufacturer's images:
Culprit:
--- Code: ---||m.media-amazon.com/images/I/61xJcNKKLXL.js
--- End code ---
I'd prefer not seeing their other stuff than put up with that annoying thing appearing or following down the page completely unwanted and uncalled for.
Maybe I should complain to them and ask whether they set it or if they are not aware of it where it'd be part of a template.
It also seems influenced by size of window, so if it is small or zoomed out it appears, and on some listings appears on scroll down and disappears on scroll up.
I get pretty annoyed when decisions are made over my viewing area where it affects my concentration.
I have remember it appearing on scroll down on certain occasions and discovered it does so now:
Search
So it looks like Amazon have changed their minds or someone there is making out that their customers badly need this form of harassment to heckle them down the page in the form that'd it be helpful because it is always there and will generate them clicks and the usual garbage.
Time to get back on the phone and have a right go at them.
Just notice looking at the list of elements last night:
--- Quote ---###nav-belt.nav-updated-pinned-config
###navbar.using-mouse.nav-progressive-attribute.hamburger.nav-packard-glow.layout3-alt.layout3.nav-flex.layout2.bold-focus-hover.nav-a11y-t1.nav-bluebeacon.celwidget.nav-sprite-v1
###navbar-main.nav-progressive-attribute.nav-rec.nav-ssl.nav-lang-en.nav-locale-gb.nav-flex.nav-opt-sprite
--- End quote ---
Hiding each even individual one of those and they cause the menu to disappear for good until reloading the page when the absolute positions of the header is set to fixed down the page.
Just phoned up the disability accessibility line which seems the only way to talk to a human these days. It seems they don't need proof but I comfortable with providing it as I do have one. The gentlemen was helpful (I was expecting arrogance this time), I explained the issue with the distraction and annoyance, he saw it appear on his screen on scroll. I told him about the the script that triggers with the elements and he passed it on their "I.T. team" and that they make changes and will look on reverting it on the 2nd or 5th December? but I don't expect that team to do anything. In fact I expect them to do the opposite make it worse in appearance and more difficult to make it disappear.
Saw a feedback request and suggested there be another rating on the outcome that reflects on Amazon as a whole and not just one person trying to help.
Looking back at the elements I some had descriptions after the question mark:
--- Quote ---www.amazon.co.uk
3
get
script
https://m.media-amazon.com/images/I/61xJcNKKLXL.js?AUIClients/AmazonUIjQuery
--- End quote ---
So the page loads fine initially, other stuff loads up and this piece of sh*t queries where the header is fixed or not and sets it to fixed.
Top part of the file I notice:
--- Quote ---/*
jQuery JavaScript Library v1.6.4
http://jquery.com/
Copyright 2011, John Resig
Dual licensed under the MIT or GPL Version 2 licenses.
http://jquery.org/license
Includes Sizzle.js
http://sizzlejs.com/
Copyright 2011, The Dojo Foundation
Released under the MIT, BSD, and GPL Licenses.
Amazon elects to use jQuery and Sizzle under the MIT license.
Date: Mon Sep 12 18:54:48 2011 -0400
Sizzle CSS Selector Engine
Copyright 2011, The Dojo Foundation
Released under the MIT, BSD, and GPL Licenses.
More information: http://sizzlejs.com/
--- End quote ---
Looks like it is fixing things. Attached as 61xJcNKKLXL.txt
--- Quote ---c.offset.bodyOffset(b);c.offset.initialize();var d=b.offsetParent,e=b.ownerDocument,f=e.documentElement,g=e.body;var h=(e=e.defaultView)?e.getComputedStyle(b,null):b.currentStyle;for(var k=b.offsetTop,l=b.offsetLeft;(b=b.parentNode)&&
b!==g&&b!==f&&(!c.offset.supportsFixedPosition||"fixed"!==h.position);)h=e?e.getComputedStyle(b,null):b.currentStyle,k-=b.scrollTop,l-=b.scrollLeft,b===d&&(k+=b.offsetTop,l+=b.offsetLeft,!c.offset.doesNotAddBorder||c.offset.doesAddBorderForTableAndCells&&fc.test(b.nodeName)||(k+=parseFloat(h.borderTopWidth)||0,l+=parseFloat(h.borderLeftWidth)||0),d=b.offsetParent),c.offset.subtractsBorderForOverflowNotVisible&&"visible"!==h.overflow&&(k+=parseFloat(h.borderTopWidth)||0,l+=parseFloat(h.borderLeftWidth)||
0);if("relative"===h.position||"static"===h.position)k+=g.offsetTop,l+=g.offsetLeft;c.offset.supportsFixedPosition&&"fixed"===h.position&&(k+=Math.max(f.scrollTop,g.scrollTop),l+=Math.max(f.scrollLeft,g.scrollLeft));return{top:k,left:l}};c.offset={initialize:function(){var a=q.body,b=q.createElement("div"),d=parseFloat(c.css(a,"marginTop"))||0;c.extend(b.style,{position:"absolute",top:0,left:0,margin:0,border:0,width:"1px",height:"1px",visibility:"hidden"});b.innerHTML="\x3cdiv style\x3d'position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;'\x3e\x3cdiv\x3e\x3c/div\x3e\x3c/div\x3e\x3ctable style\x3d'position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;' cellpadding\x3d'0' cellspacing\x3d'0'\x3e\x3ctr\x3e\x3ctd\x3e\x3c/td\x3e\x3c/tr\x3e\x3c/table\x3e";
a.insertBefore(b,a.firstChild);var e=b.firstChild;var f=e.firstChild;var g=e.nextSibling.firstChild.firstChild;this.doesNotAddBorder=5!==f.offsetTop;this.doesAddBorderForTableAndCells=5===g.offsetTop;f.style.position="fixed";f.style.top="20px";this.supportsFixedPosition=20===f.offsetTop||15===f.offsetTop;f.style.position=f.style.top="";e.style.overflow="hidden";e.style.position="relative";this.subtractsBorderForOverflowNotVisible=-5===f.offsetTop;this.doesNotIncludeMarginInBodyOffset=a.offsetTop!==
d;a.removeChild(b);c.offset.initialize=c.noop},bodyOffset:function(a){var b=a.offsetTop,d=a.offsetLeft;c.offset.initialize();c.offset.doesNotIncludeMarginInBodyOffset&&(b+=parseFloat(c.css(a,"marginTop"))||0,d+=parseFloat(c.css(a,"marginLeft"))||0);return{top:b,left:d}},setOffset:function(a,b,d){var e=c.css(a,"position");"static"===e&&(a.style.position="relative");var f=c(a),g=f.offset(),h=c.css(a,"top"),k=c.css(a,"left"),l={};("absolute"===e||"fixed"===e)&&-1<c.inArray("auto",[h,k])?(k=f.position(),
--- End quote ---
https://github.com/jquery/sizzle/wiki
--- Quote ---Sizzle.selectors.pseudos.NAME = function( elem ) {}
The most common extension to a selector engine: adding a new pseudo. The return result from this function must be boolean: true if the element matches the selector, false if not.
For example, this defines a simple :fixed pseudo:
var $test = jQuery( document );
Sizzle.selectors.pseudos.fixed = function( elem ) {
$test[ 0 ] = elem;
return $test.css( "position" ) === "fixed";
};
Sizzle.selectors.createPseudo(function)
--- End quote ---
I believe they should add a setting if they are going to add all this stuff to check whether certain conditions are true or false.
Navigation
[0] Message Index
[#] Next page
[*] Previous page
Go to full version