# test article ## Shader BG Test ## Why is this a big deal? [Animations](/blog/development/fun-with-svgs "Fun With SVG Graphics") for the web are generally expensive, from a [hosting](/blog/hosting/varnish-and-joomla "Varnish and Joomla") and [SEO](/blog/development/generator-tag-claim-your-joomla-sites "Generator Tag: Claim Your Joomla Sites") standpoint. Each animation file (AVIF, WEBP, GIF, MP4) are fairly large. The more elaborate the animation, the larger the file. Additionally, each animation requires a separate [download](/blog/hosting/hacking-phpinfo-more-like-a-free-ticket-to-the-fbis-inbox "Hacking phpinfo()? More Like a Free Ticket to the FBI’s Inbox") - which slows your [page loads](/blog/development/webgl-backgrounds-for-faster-page-loads "WebGL Backgrounds for Faster Page Loads") down. I spend/spent a lot of time compressing the animations used on this [website](/blog/personal/cock-cock-boom-logo-work "CockCockBoom.com (Logo Work)") to be under 1MB - most are under 500KB. ### This is not a video. This is not an image. This is an instruction. This method is totally and completely different - solving BOTH expenses with a single technology, WebGL. Modern browsers are capable of rendering a lot of things that most websites don't take advantage of. Believe it or not, your [browser](/blog/development/bug-reports-a-developers-best-friend-not-a-burden "Bug Reports: A Developer's Best Friend, Not a Burden") is quite capable of rendering 3D scenes - at the cost of some CPU/GPU cycles. ### The Animation Source The animation is a shader, in this case created by a Twitter user who calls himself XorDev. His code is: **vec2 p=(round(FC.xy)-.5\*r)/r.y,v;for(float i;i++<20.;o+=vec4(fwidth(v=ceil(p)).xyy,fract(length(v)/i-t\*.2))\*(1.-o.a))p+=p;**, and it's interpreted by the browser, and rendered into what you see above. Because the rendering [engine](/blog/personal/what-happened-in-the-last-2-years "What Happened in the Last 2 Years?") is built into the browser, a little [JavaScript](/blog/development/server-timing-for-geoip-data-delivery-to-achieve-gdpr-compliance "Server-Timing for GeoIP Data Delivery to Achieve GDPR Compliance") (5.8KB) allows us to render an animation by passing only the [instructions](/blog/personal/east-mini-dachshunds-texas-logo-work "East Mini Dachshunds Texas (Logo Work)") to the rendering engine. Many of the videos I used for my animations were created this way - but the resulting animation file is orders of magnitude larger than the instructions given to the rendering engine which created it. The animation above would easily be several megabytes in size, I might be able to get it down to several hundred kilobytes with shenanigans - but I'd never be able to get it compressed to the size of the instruction - which is only 110 Bytes, a 99.98% savings in transfer while simultaneously reducing the latency of the page by eliminating a request (for each replaced animation). - [ email ](mailto:?subject=Shader+BG+Test&body=https%3A%2F%2Fwww.richeyweb.com%2Ftest-article) - [ facebook ](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.richeyweb.com%2Ftest-article) - [ x-twitter ](https://twitter.com/intent/tweet?text=Shader+BG+Test%3A+https%3A%2F%2Fwww.richeyweb.com%2Ftest-article) - [ linkedin ](http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.richeyweb.com%2Ftest-article&title=Shader+BG+Test&summary=Why+is+this+a+big+deal%3F+Animations+for+the+web+are...) - [ pinterest ](http://pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.richeyweb.com%2Ftest-article&media=https%3A%2F%2Fcdn.joomla.org%2Fimages%2Fjoomla-org-og.jpg&description=Shader+BG+Test) [ Previous article: Search Engine Optimization: Google on AI and SEO Experts Search Engine Optimization: Google on AI and SEO Experts ](/blog/hosting/search-engine-optimization-insights-from-google-on-ai-and-seo-experts) [ Next article: Grand SEO Experiment: Reviving Great Natural Cures Grand SEO Experiment: Reviving Great Natural Cures ](/blog/hosting/grand-seo-experiment-reviving-great-natural-cures) ##### We Value Your Privacy We use cookies to enhance your experience and for traffic analysis. By continuing to visit this site you agree to our use of cookies. [Privacy Policy](/privacy-policy) Details ###### Google Tag Manager Items - Ad Storage - Ad User Data - Ad Personalization - Analytics Storage - Functionality Storage - Personalization Storage - Security Storage Decline Accept ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.richeyweb.com/#organization","name":"RicheyWeb","url":"https://www.richeyweb.com/","logo":{"@type":"ImageObject","url":"https://www.richeyweb.com/images/logo/richeyweb.svg","contentUrl":"https://www.richeyweb.com/images/logo/richeyweb.svg","width":{"@type":"QuantitativeValue","value":38,"unitCode":"PX"},"height":{"@type":"QuantitativeValue","value":38,"unitCode":"PX"},"@id":"https://www.richeyweb.com/#logo"},"image":{"@id":"https://www.richeyweb.com/#logo"},"sameAs":["https://x.com/ComRicheyweb","https://www.facebook.com/RicheyWebDev/","https://www.youtube.com/channel/UCxnVG8BwOvQRO7hVqNX7T2g","https://community.joomla.org/service-providers-directory/listings/115:richeyweb.html"],"description":"RicheyWeb is a custom software developer specializing in Joomla extensions.","ContactPoint":[{"@type":"ContactPoint","url":"https://www.richeyweb.com/contact-us","telephone":"903-873-8460","contactType":"Owner/Administrator","areaServed":["United States",{"@type":"Country","name":"United States","sameAs":["https://en.wikipedia.org/wiki/United_States","https://www.wikidata.org/wiki/Q30","https://g.co/kg/m/09c7w0"]},"European Union",{"@type":"AdministrativeArea","name":"European Union","sameAs":["https://en.wikipedia.org/wiki/European_Union","https://www.wikidata.org/wiki/Q458","https://g.co/kg/m/0_6t_z8"]},"United Kingdom",{"@type":"Country","name":"United Kingdom","sameAs":["https://en.wikipedia.org/wiki/United_Kingdom","https://www.wikidata.org/wiki/Q145","https://g.co/kg/m/07ssc"]},"Australia",{"@type":"Country","name":"Australia","sameAs":["https://en.wikipedia.org/wiki/Australia","https://www.wikidata.org/wiki/Q408","https://g.co/kg/m/0chghy"]},"Canada",{"@type":"Country","name":"Canada","sameAs":["https://en.wikipedia.org/wiki/Canada","https://www.wikidata.org/wiki/Q16","https://g.co/kg/m/0d060g"]},"Russia",{"@type":"Country","name":"Russia","sameAs":["https://en.wikipedia.org/wiki/Russia","https://www.wikidata.org/wiki/Q159","https://g.co/kg/m/06bnz"]},"China",{"@type":"Country","name":"China","sameAs":["https://en.wikipedia.org/wiki/China","https://www.wikidata.org/wiki/Q148","https://g.co/kg/m/0d05w3"]}],"availableLanguage":"en"},{"@type":"ContactPoint","url":"https://www.richeyweb.com/bugs","telephone":"903-873-8460","contactType":"Technical Support","areaServed":["United States",{"@type":"Country","name":"United States","sameAs":["https://en.wikipedia.org/wiki/United_States","https://www.wikidata.org/wiki/Q30","https://g.co/kg/m/09c7w0"]},"European Union",{"@type":"AdministrativeArea","name":"European Union","sameAs":["https://en.wikipedia.org/wiki/European_Union","https://www.wikidata.org/wiki/Q458","https://g.co/kg/m/0_6t_z8"]},"United Kingdom",{"@type":"Country","name":"United Kingdom","sameAs":["https://en.wikipedia.org/wiki/United_Kingdom","https://www.wikidata.org/wiki/Q145","https://g.co/kg/m/07ssc"]},"Australia",{"@type":"Country","name":"Australia","sameAs":["https://en.wikipedia.org/wiki/Australia","https://www.wikidata.org/wiki/Q408","https://g.co/kg/m/0chghy"]},"Canada",{"@type":"Country","name":"Canada","sameAs":["https://en.wikipedia.org/wiki/Canada","https://www.wikidata.org/wiki/Q16","https://g.co/kg/m/0d060g"]},"Russia",{"@type":"Country","name":"Russia","sameAs":["https://en.wikipedia.org/wiki/Russia","https://www.wikidata.org/wiki/Q159","https://g.co/kg/m/06bnz"]},"China",{"@type":"Country","name":"China","sameAs":["https://en.wikipedia.org/wiki/China","https://www.wikidata.org/wiki/Q148","https://g.co/kg/m/0d05w3"]}],"availableLanguage":"en"}],"knowsAbout":["Computer programming",{"@type":"Thing","name":"Computer programming","sameAs":["https://en.wikipedia.org/wiki/Computer_programming","https://www.wikidata.org/wiki/Q80006","https://g.co/kg/m/01mf_"]},"PHP",{"@type":"Thing","name":"PHP","sameAs":["https://en.wikipedia.org/wiki/PHP","https://www.wikidata.org/wiki/Q59","https://g.co/kg/m/060kv"]},"JavaScript",{"@type":"Thing","name":"JavaScript","sameAs":["https://en.wikipedia.org/wiki/JavaScript","https://www.wikidata.org/wiki/Q2005","https://g.co/kg/m/02p97"]},"arduino","Computer forensics",{"@type":"Thing","name":"Computer forensics","sameAs":["https://en.wikipedia.org/wiki/Computer_forensics","https://www.wikidata.org/wiki/Q878553","https://g.co/kg/m/02wxbd"]},"White hat",{"@type":"Thing","name":"White hat","sameAs":["https://en.wikipedia.org/wiki/White_hat_(computer_security)","https://www.wikidata.org/wiki/Q7995625","https://g.co/kg/m/03ns_5"]},"Search engine optimization",{"@type":"Thing","name":"Search engine optimization","sameAs":["https://en.wikipedia.org/wiki/Search_engine_optimization","https://www.wikidata.org/wiki/Q180711","https://g.co/kg/m/019qb_"]},"Search engine marketing",{"@type":"Thing","name":"Search engine marketing","sameAs":["https://en.wikipedia.org/wiki/Search_engine_marketing","https://www.wikidata.org/wiki/Q846132","https://g.co/kg/m/06mw8r"]},"Digital marketing",{"@type":"Thing","name":"Digital marketing","sameAs":["https://en.wikipedia.org/wiki/Digital_marketing","https://www.wikidata.org/wiki/Q1323528","https://g.co/kg/g/122hcnps"]},"Web hosting service",{"@type":"Thing","name":"Web hosting service","sameAs":["https://en.wikipedia.org/wiki/Web_hosting_service","https://www.wikidata.org/wiki/Q5892272","https://g.co/kg/m/014pz4"]},"Email hosting service",{"@type":"Thing","name":"Email hosting service","sameAs":["https://en.wikipedia.org/wiki/Email_hosting_service","https://www.wikidata.org/wiki/Q5368818","https://g.co/kg/m/09w60m"]},"Internet hosting service",{"@type":"Thing","name":"Internet hosting service","sameAs":["https://en.wikipedia.org/wiki/Internet_hosting_service","https://www.wikidata.org/wiki/Q1210425","https://g.co/kg/m/09w5yw"]},"Virtual hosting",{"@type":"Thing","name":"Virtual hosting","sameAs":["https://en.wikipedia.org/wiki/Virtual_hosting","https://www.wikidata.org/wiki/Q588365","https://g.co/kg/m/024mvh"]},"Web performance",{"@type":"Thing","name":"Web performance","sameAs":["https://en.wikipedia.org/wiki/Web_performance","https://www.wikidata.org/wiki/Q7978612","https://g.co/kg/m/0gfj3f1"]},"Web content management system",{"@type":"Thing","name":"Web content management system","sameAs":["https://en.wikipedia.org/wiki/Web_content_management_system","https://www.wikidata.org/wiki/Q45211","https://g.co/kg/m/0615s2"]},"Content management system",{"@type":"Thing","name":"Content management system","sameAs":["https://en.wikipedia.org/wiki/Content_management_system","https://www.wikidata.org/wiki/Q131093","https://g.co/kg/m/0k23c"]},"General Data Protection Regulation",{"@type":"Thing","name":"General Data Protection Regulation","sameAs":["https://en.wikipedia.org/wiki/General_Data_Protection_Regulation","https://www.wikidata.org/wiki/Q1172506","https://g.co/kg/m/0pk_7xs"]},"SERP",{"@type":"Thing","name":"SERP","sameAs":["https://en.wikipedia.org/wiki/SERP","https://www.wikidata.org/wiki/Q2205811","https://g.co/kg/g/11c5szp7kc"]},"Artificial intelligence",{"@type":"Thing","name":"Artificial intelligence","sameAs":["https://en.wikipedia.org/wiki/Artificial_intelligence","https://www.wikidata.org/wiki/Q11660","https://g.co/kg/m/0mkz"]},"Prompt engineering",{"@type":"Thing","name":"Prompt engineering","sameAs":["https://en.wikipedia.org/wiki/Prompt_engineering","https://www.wikidata.org/wiki/Q108941486","https://g.co/kg/g/11p6kpgt_n"]},"E-learning",{"@type":"Thing","name":"E-learning","sameAs":["https://en.wikipedia.org/wiki/E-learning_(theory)","https://www.wikidata.org/wiki/Q182250","https://g.co/kg/g/122czm1f"]},"Sharable Content Object Reference Model",{"@type":"Thing","name":"Sharable Content Object Reference Model","sameAs":["https://en.wikipedia.org/wiki/Sharable_Content_Object_Reference_Model","https://www.wikidata.org/wiki/Q827811","https://g.co/kg/m/06_40"]},"Experience API",{"@type":"Thing","name":"Experience API","sameAs":["https://en.wikipedia.org/wiki/Experience_API","https://www.wikidata.org/wiki/Q7807728","https://g.co/kg/g/1yw9ktxr8"]},"Joomla",{"@type":"Thing","name":"Joomla","sameAs":["https://en.wikipedia.org/wiki/Joomla","https://www.wikidata.org/wiki/Q13167","https://g.co/kg/m/07qb81"]},"Nginx",{"@type":"Thing","name":"Nginx","sameAs":["https://en.wikipedia.org/wiki/Nginx","https://www.wikidata.org/wiki/Q306144","https://g.co/kg/m/02qft91"]},"MySQL",{"@type":"Thing","name":"MySQL","sameAs":["https://en.wikipedia.org/wiki/MySQL","https://www.wikidata.org/wiki/Q850","https://g.co/kg/m/04y3k"]}],"areaServed":["United States",{"@type":"Country","name":"United States","sameAs":["https://en.wikipedia.org/wiki/United_States","https://www.wikidata.org/wiki/Q30","https://g.co/kg/m/09c7w0"]},"European Union",{"@type":"AdministrativeArea","name":"European Union","sameAs":["https://en.wikipedia.org/wiki/European_Union","https://www.wikidata.org/wiki/Q458","https://g.co/kg/m/0_6t_z8"]},"United Kingdom",{"@type":"Country","name":"United Kingdom","sameAs":["https://en.wikipedia.org/wiki/United_Kingdom","https://www.wikidata.org/wiki/Q145","https://g.co/kg/m/07ssc"]},"Australia",{"@type":"Country","name":"Australia","sameAs":["https://en.wikipedia.org/wiki/Australia","https://www.wikidata.org/wiki/Q408","https://g.co/kg/m/0chghy"]},"Canada",{"@type":"Country","name":"Canada","sameAs":["https://en.wikipedia.org/wiki/Canada","https://www.wikidata.org/wiki/Q16","https://g.co/kg/m/0d060g"]},"Russia",{"@type":"Country","name":"Russia","sameAs":["https://en.wikipedia.org/wiki/Russia","https://www.wikidata.org/wiki/Q159","https://g.co/kg/m/06bnz"]},"China",{"@type":"Country","name":"China","sameAs":["https://en.wikipedia.org/wiki/China","https://www.wikidata.org/wiki/Q148","https://g.co/kg/m/0d05w3"]}],"memberOf":["Mensa International",{"@type":"Organization","name":"Mensa International","sameAs":["https://en.wikipedia.org/wiki/Mensa_International","https://www.wikidata.org/wiki/Q184194","https://g.co/kg/m/0140pf"]},"National Rifle Association",{"@type":"Organization","name":"National Rifle Association","sameAs":["https://en.wikipedia.org/wiki/National_Rifle_Association","https://www.wikidata.org/wiki/Q863259","https://g.co/kg/m/0j6f9"]},"CompTIA",{"@type":"Organization","name":"CompTIA","sameAs":["https://en.wikipedia.org/wiki/CompTIA","https://www.wikidata.org/wiki/Q597534","https://g.co/kg/m/040shq"]},"ISFCE LLC",{"@type":"Organization","name":"ISFCE LLC","sameAs":["https://isfce.com","https://g.co/kg/g/11wxm5r0rg"]}],"hasCredential":[{"@type":"EducationalOccupationalCredential","name":"Joomla 3 Certified Administrator","credentialCategory":"Certification","description":"Administrator Exam is the first available Joomla! certification exam","recognizedBy":{"@type":"Organization","name":"Open Source Matters, Inc.","sameAs":["https://en.wikipedia.org/wiki/Open_Source_Matters,_Inc.","https://g.co/kg/g/11f00wvjhz"]},"url":"https://certification.joomla.org/certified-user-directory/michael-richey","about":["Content management system",{"@type":"Thing","name":"Content management system","sameAs":["https://en.wikipedia.org/wiki/Content_management_system","https://www.wikidata.org/wiki/Q131093","https://g.co/kg/m/0k23c"]},"Web content management system",{"@type":"Thing","name":"Web content management system","sameAs":["https://en.wikipedia.org/wiki/Web_content_management_system","https://www.wikidata.org/wiki/Q45211","https://g.co/kg/m/0615s2"]},"Joomla",{"@type":"Thing","name":"Joomla","sameAs":["https://en.wikipedia.org/wiki/Joomla","https://www.wikidata.org/wiki/Q13167","https://g.co/kg/m/07qb81"]}],"educationalLevel":"expert","image":{"@type":"ImageObject","url":"https://www.richeyweb.com/images/contact/badge.webp","contentUrl":"https://www.richeyweb.com/images/contact/badge.webp","width":{"@type":"QuantitativeValue","value":300,"unitCode":"PX"},"height":{"@type":"QuantitativeValue","value":86,"unitCode":"PX"},"caption":"Joomla 3 Certified Administrator"}},{"@type":"EducationalOccupationalCredential","name":"Certified Computer Examiner","credentialCategory":"Certification","description":"Internationally recognized computer forensics certifiecation","recognizedBy":{"@type":"Organization","name":"ISFCE LLC","sameAs":["https://en.wikipedia.org/wiki/ISFCE_LLC","https://g.co/kg/g/11wxm5r0rg"]},"url":"https://isfce.com/","about":["Digital forensics",{"@type":"Thing","name":"Digital forensics","sameAs":["https://en.wikipedia.org/wiki/Digital_forensics","https://www.wikidata.org/wiki/Q3246940","https://g.co/kg/m/0cnxzfx"]},"Computer forensics",{"@type":"Thing","name":"Computer forensics","sameAs":["https://en.wikipedia.org/wiki/Computer_forensics","https://www.wikidata.org/wiki/Q878553","https://g.co/kg/m/02wxbd"]},"Mobile device forensics",{"@type":"Thing","name":"Mobile device forensics","sameAs":["https://en.wikipedia.org/wiki/Mobile_device_forensics","https://www.wikidata.org/wiki/Q6887097","https://g.co/kg/m/06zp3tp"]},"Network forensics",{"@type":"Thing","name":"Network forensics","sameAs":["https://en.wikipedia.org/wiki/Network_forensics","https://www.wikidata.org/wiki/Q7001032","https://g.co/kg/m/05pb280"]},"Database forensics",{"@type":"Thing","name":"Database forensics","sameAs":["https://en.wikipedia.org/wiki/Database_forensics","https://www.wikidata.org/wiki/Q5227405","https://g.co/kg/m/0cgqsy"]}],"educationalLevel":"expert","image":{"@type":"ImageObject","url":"https://www.richeyweb.com/images/contact/isfce-cce.webp","contentUrl":"https://www.richeyweb.com/images/contact/isfce-cce.webp","width":{"@type":"QuantitativeValue","value":150,"unitCode":"PX"},"height":{"@type":"QuantitativeValue","value":150,"unitCode":"PX"},"caption":"Certified Computer Examiner"}}],"hasOfferCatalog":{"@type":"OfferCatalog","name":"Web Services","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Hosting"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Development"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Search Engine Optimization"}}]}},{"@type":"WebSite","@id":"https://www.richeyweb.com/#website","url":"https://www.richeyweb.com/","name":"RicheyWeb","publisher":{"@id":"https://www.richeyweb.com/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.richeyweb.com/search?q={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string","valueMaxLength":256,"valueMinLength":2,"valuePattern":"^[A-Za-z0-9\\s]+$"}},"creator":{"@id":"https://www.richeyweb.com/#organization"},"copyrightHolder":{"@id":"https://www.richeyweb.com/#organization"}},{"@type":"WebPage","@id":"https://www.richeyweb.com/test-article#webpage","url":"https://www.richeyweb.com/test-article","name":"Shader BG Test","description":"Discover how WebGL transforms web animations with a 99.98% savings in file size, slashing latency and boosting SEO with just 110 bytes of instructions.","isPartOf":{"@id":"https://www.richeyweb.com/#website"},"about":{"@id":"https://www.richeyweb.com/#organization"},"inLanguage":"en-GB"},{"@type":"Article","headline":"Shader BG Test","description":"Discover how WebGL transforms web animations with a 99.98% savings in file size, slashing latency and boosting SEO with just 110 bytes of instructions.","author":{"@type":"Person","name":"Michael Richey","url":"https://www.richeyweb.com/contact-us","@id":"https://www.richeyweb.com/contact-us#person"},"datePublished":"2025-12-03T00:00:00+00:00","dateModified":"2026-03-30T00:00:00+00:00","about":["WebGL",{"@type":"Thing","name":"WebGL","sameAs":["https://en.wikipedia.org/wiki/WebGL","https://www.wikidata.org/wiki/Q375913","https://g.co/kg/m/07s89rs"]},"Round-trip delay",{"@type":"Thing","name":"Round-trip delay","sameAs":["https://en.wikipedia.org/wiki/Round-trip_delay","https://www.wikidata.org/wiki/Q1346398","https://g.co/kg/m/0bfzl"]},"Search engine optimization",{"@type":"Thing","name":"Search engine optimization","sameAs":["https://en.wikipedia.org/wiki/Search_engine_optimization","https://www.wikidata.org/wiki/Q180711","https://g.co/kg/m/019qb_"]}],"mentions":["MPEG-4",{"@type":"Thing","name":"MPEG-4","sameAs":["https://en.wikipedia.org/wiki/MPEG-4","https://www.wikidata.org/wiki/Q219763","https://g.co/kg/m/05182"]},"WebP",{"@type":"Thing","name":"WebP","sameAs":["https://en.wikipedia.org/wiki/WebP","https://www.wikidata.org/wiki/Q62617958","https://g.co/kg/m/0dgsstf"]},"AVIF",{"@type":"Thing","name":"AVIF","sameAs":["https://en.wikipedia.org/wiki/AVIF","https://www.wikidata.org/wiki/Q59913607","https://g.co/kg/g/11r_mfp1d0"]},"GIF",{"@type":"Thing","name":"GIF","sameAs":["https://en.wikipedia.org/wiki/GIF","https://www.wikidata.org/wiki/Q2192","https://g.co/kg/m/03bfb"]},"Web hosting service",{"@type":"Thing","name":"Web hosting service","sameAs":["https://en.wikipedia.org/wiki/Web_hosting_service","https://www.wikidata.org/wiki/Q5892272","https://g.co/kg/m/014pz4"]},"Bandwidth",{"@type":"Thing","name":"Bandwidth","sameAs":["https://en.wikipedia.org/wiki/Bandwidth_(computing)","https://www.wikidata.org/wiki/Q393585","https://g.co/kg/m/03mhppn"]},"Latency",{"@type":"Thing","name":"Latency","sameAs":["https://en.wikipedia.org/wiki/Latency_(engineering)","https://www.wikidata.org/wiki/Q438467","https://g.co/kg/m/04k6w"]},{"@type":"Article","@id":"https://www.richeyweb.com/blog/development/generator-tag-claim-your-joomla-sites#article","url":"https://www.richeyweb.com/blog/development/generator-tag-claim-your-joomla-sites","name":"Generator Tag: Claim Your Joomla Sites","headline":"Generator Tag: Claim Your Joomla Sites","image":{"@type":"ImageObject","url":"https://www.richeyweb.com/images/articles/generator-tag-claim-your-joomla-sites/generator-tag.webp","contentUrl":"https://www.richeyweb.com/images/articles/generator-tag-claim-your-joomla-sites/generator-tag.webp","width":{"@type":"QuantitativeValue","value":1274,"unitCode":"PX"},"height":{"@type":"QuantitativeValue","value":716,"unitCode":"PX"},"caption":"Generator Tag: Claim Your Joomla Sites"},"author":{"@type":"Person","name":"Michael Richey","url":"https://www.richeyweb.com/contact-us","@id":"https://www.richeyweb.com/contact-us#person"}},{"@type":"Article","@id":"https://www.richeyweb.com/blog/development/bug-reports-a-developers-best-friend-not-a-burden#article","url":"https://www.richeyweb.com/blog/development/bug-reports-a-developers-best-friend-not-a-burden","name":"Bug Reports: A Developer's Best Friend, Not a Burden","headline":"Bug Reports: A Developer's Best Friend, Not a Burden","image":{"@type":"ImageObject","url":"https://www.richeyweb.com/images/articles/plg_content_interlinked/articles/russian-comments.webp","contentUrl":"https://www.richeyweb.com/images/articles/plg_content_interlinked/articles/russian-comments.webp","width":{"@type":"QuantitativeValue","value":1200,"unitCode":"PX"},"height":{"@type":"QuantitativeValue","value":675,"unitCode":"PX"},"caption":"Bug Reports: A Developer's Best Friend, Not a Burden"},"author":{"@type":"Person","name":"Michael Richey","url":"https://www.richeyweb.com/contact-us","@id":"https://www.richeyweb.com/contact-us#person"}},{"@type":"Article","@id":"https://www.richeyweb.com/blog/development/server-timing-for-geoip-data-delivery-to-achieve-gdpr-compliance#article","url":"https://www.richeyweb.com/blog/development/server-timing-for-geoip-data-delivery-to-achieve-gdpr-compliance","name":"Server-Timing for GeoIP Data Delivery to Achieve GDPR Compliance","headline":"Server-Timing for GeoIP Data Delivery to Achieve GDPR Compliance","image":{"@type":"ImageObject","url":"https://www.richeyweb.com/images/articles/geoip-coming-soon/geoip-coming-soon.webp","contentUrl":"https://www.richeyweb.com/images/articles/geoip-coming-soon/geoip-coming-soon.webp","width":{"@type":"QuantitativeValue","value":508,"unitCode":"PX"},"height":{"@type":"QuantitativeValue","value":285,"unitCode":"PX"},"caption":"Server-Timing for GeoIP Data Delivery to Achieve GDPR Compliance"},"author":{"@type":"Person","name":"Michael Richey","url":"https://www.richeyweb.com/contact-us","@id":"https://www.richeyweb.com/contact-us#person"}},{"@type":"Article","@id":"https://www.richeyweb.com/blog/hosting/varnish-and-joomla#article","url":"https://www.richeyweb.com/blog/hosting/varnish-and-joomla","name":"Varnish and Joomla","headline":"Varnish and Joomla","image":{"@type":"ImageObject","url":"https://www.richeyweb.com/images/articles/varnish-nginx-joomla/varnish-and-joomla.webp","contentUrl":"https://www.richeyweb.com/images/articles/varnish-nginx-joomla/varnish-and-joomla.webp","width":{"@type":"QuantitativeValue","value":890,"unitCode":"PX"},"height":{"@type":"QuantitativeValue","value":500,"unitCode":"PX"},"caption":"Varnish and Joomla"},"author":{"@type":"Person","name":"Michael Richey","url":"https://www.richeyweb.com/contact-us","@id":"https://www.richeyweb.com/contact-us#person"}},{"@type":"Article","@id":"https://www.richeyweb.com/blog/hosting/hacking-phpinfo-more-like-a-free-ticket-to-the-fbis-inbox#article","url":"https://www.richeyweb.com/blog/hosting/hacking-phpinfo-more-like-a-free-ticket-to-the-fbis-inbox","name":"Hacking phpinfo()? More Like a Free Ticket to the FBI’s Inbox","headline":"Hacking phpinfo()? More Like a Free Ticket to the FBI’s Inbox","image":{"@type":"ImageObject","url":"https://www.richeyweb.com/images/articles/phpinfo/phpinfo-shenanigans.webp","contentUrl":"https://www.richeyweb.com/images/articles/phpinfo/phpinfo-shenanigans.webp","width":{"@type":"QuantitativeValue","value":1360,"unitCode":"PX"},"height":{"@type":"QuantitativeValue","value":768,"unitCode":"PX"},"caption":"Hacking phpinfo()? More Like a Free Ticket to the FBI’s Inbox"},"author":{"@type":"Person","name":"Michael Richey","url":"https://www.richeyweb.com/contact-us","@id":"https://www.richeyweb.com/contact-us#person"}},{"@type":"Article","@id":"https://www.richeyweb.com/blog/personal/east-mini-dachshunds-texas-logo-work#article","url":"https://www.richeyweb.com/blog/personal/east-mini-dachshunds-texas-logo-work","name":"East Mini Dachshunds Texas (Logo Work)","headline":"East Mini Dachshunds Texas (Logo Work)","image":{"@type":"ImageObject","url":"https://www.richeyweb.com/images/articles/east-mini-dachshunds-texas/east-mini-dachshunds-texas.png","contentUrl":"https://www.richeyweb.com/images/articles/east-mini-dachshunds-texas/east-mini-dachshunds-texas.png","width":{"@type":"QuantitativeValue","value":1343,"unitCode":"PX"},"height":{"@type":"QuantitativeValue","value":953,"unitCode":"PX"},"caption":"East Mini Dachshunds Texas (Logo Work)"},"author":{"@type":"Person","name":"Michael Richey","url":"https://www.richeyweb.com/contact-us","@id":"https://www.richeyweb.com/contact-us#person"}},{"@type":"Article","@id":"https://www.richeyweb.com/blog/development/fun-with-svgs#article","url":"https://www.richeyweb.com/blog/development/fun-with-svgs","name":"Fun With SVG Graphics","headline":"Fun With SVG Graphics","author":{"@type":"Person","name":"Michael Richey","url":"https://www.richeyweb.com/contact-us","@id":"https://www.richeyweb.com/contact-us#person"}},{"@type":"Article","@id":"https://www.richeyweb.com/blog/personal/what-happened-in-the-last-2-years#article","url":"https://www.richeyweb.com/blog/personal/what-happened-in-the-last-2-years","name":"What Happened in the Last 2 Years?","headline":"What Happened in the Last 2 Years?","image":{"@type":"ImageObject","url":"https://www.richeyweb.com/images/articles/2-years/720p/thumbnails/fema-disaster-area.webp","contentUrl":"https://www.richeyweb.com/images/articles/2-years/720p/thumbnails/fema-disaster-area.webp","width":{"@type":"QuantitativeValue","value":512,"unitCode":"PX"},"height":{"@type":"QuantitativeValue","value":384,"unitCode":"PX"},"caption":"What Happened in the Last 2 Years?"},"author":{"@type":"Person","name":"Michael Richey","url":"https://www.richeyweb.com/contact-us","@id":"https://www.richeyweb.com/contact-us#person"}},{"@type":"Article","@id":"https://www.richeyweb.com/blog/personal/cock-cock-boom-logo-work#article","url":"https://www.richeyweb.com/blog/personal/cock-cock-boom-logo-work","name":"CockCockBoom.com (Logo Work)","headline":"CockCockBoom.com (Logo Work)","image":{"@type":"ImageObject","url":"https://www.richeyweb.com/images/articles/cock-cock-boom/cock-cock-boom-16x9.webp","contentUrl":"https://www.richeyweb.com/images/articles/cock-cock-boom/cock-cock-boom-16x9.webp","width":{"@type":"QuantitativeValue","value":1102,"unitCode":"PX"},"height":{"@type":"QuantitativeValue","value":619,"unitCode":"PX"},"caption":"CockCockBoom.com (Logo Work)"},"author":{"@type":"Person","name":"Michael Richey","url":"https://www.richeyweb.com/contact-us","@id":"https://www.richeyweb.com/contact-us#person"}},{"@type":"Article","@id":"https://www.richeyweb.com/blog/development/webgl-backgrounds-for-faster-page-loads#article","url":"https://www.richeyweb.com/blog/development/webgl-backgrounds-for-faster-page-loads","name":"WebGL Backgrounds for Faster Page Loads","headline":"WebGL Backgrounds for Faster Page Loads","image":{"@type":"ImageObject","url":"https://www.richeyweb.com/images/articles/webgl-backgrounds-for-faster-page-loads/code-on-screen.webp","contentUrl":"https://www.richeyweb.com/images/articles/webgl-backgrounds-for-faster-page-loads/code-on-screen.webp","width":{"@type":"QuantitativeValue","value":1280,"unitCode":"PX"},"height":{"@type":"QuantitativeValue","value":720,"unitCode":"PX"},"caption":"WebGL Backgrounds for Faster Page Loads"},"author":{"@type":"Person","name":"Michael Richey","url":"https://www.richeyweb.com/contact-us","@id":"https://www.richeyweb.com/contact-us#person"}},{"@type":"Article","@id":"https://www.richeyweb.com/blog/hosting/search-engine-optimization-insights-from-google-on-ai-and-seo-experts#article","url":"https://www.richeyweb.com/blog/hosting/search-engine-optimization-insights-from-google-on-ai-and-seo-experts","name":"Search Engine Optimization: Google on AI and SEO Experts","headline":"Search Engine Optimization: Google on AI and SEO Experts","image":{"@type":"ImageObject","url":"https://www.richeyweb.com/images/articles/search-engine-optimization-insights-from-google-on-ai-and-seo-experts/ep-102.webp","contentUrl":"https://www.richeyweb.com/images/articles/search-engine-optimization-insights-from-google-on-ai-and-seo-experts/ep-102.webp","width":{"@type":"QuantitativeValue","value":1080,"unitCode":"PX"},"height":{"@type":"QuantitativeValue","value":607,"unitCode":"PX"},"caption":"Search Engine Optimization: Google on AI and SEO Experts"},"author":{"@type":"Person","name":"Michael Richey","url":"https://www.richeyweb.com/contact-us","@id":"https://www.richeyweb.com/contact-us#person"}}],"@id":"https://www.richeyweb.com/test-article#article","isPartOf":{"@id":"https://www.richeyweb.com/test-article#webpage"},"publisher":{"@id":"https://www.richeyweb.com/#organization"},"keywords":"Animations, WebGL, SEO, page loads, animation file, modern browsers, rendering, 3D scenes, JavaScript, CPU/GPU cycles, savings, transfer, latency, request, instructions, bytes, kilobytes, megabytes, videos, website, compressing, hosting, file, browser, engine, scenes, cycles, standpoint, expenses, download, size, technology, advantage, scenes, cost, JavaScirpt, shenanigans, replacement, reduction, request, elimination, text-based, rendering engine, 5.8KB, 110 Bytes, 99.98% savings, elaborate animation, separate download, single technology, 3D scenes, page latency, user intent, search relevance, direct linking, exact matches, core topic, SEO value, user intent, web animations, hosting standpoint, animation above, orders of magnitude, several megabytes, several hundred kilobytes, compression size, instruction size, transfer savings, page request, replaced animation","articleSection":"Hosting","url":"https://www.richeyweb.com/test-article","hasPart":[{"@id":"https://www.richeyweb.com/test-article#articleindex-toc-why-is-this-a-big-deal_2_1"},{"@id":"https://www.richeyweb.com/test-article#articleindex-toc-this-is-not-a-video-this-is-not-an-image-this-is-an-instruction_3_2"},{"@id":"https://www.richeyweb.com/test-article#articleindex-toc-the-animation-source_3_3"}]},{"@id":"https://www.richeyweb.com/test-article#articleindex","@type":"ItemList","name":"Shader BG Test","numberOfItems":3,"itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"WPHeader","@id":"https://www.richeyweb.com/test-article#articleindex-toc-why-is-this-a-big-deal_2_1","name":"Why is this a big deal?","url":"https://www.richeyweb.com/test-article#toc-why-is-this-a-big-deal_2_1"}},{"@type":"ListItem","position":2,"item":{"@type":"WPHeader","@id":"https://www.richeyweb.com/test-article#articleindex-toc-this-is-not-a-video-this-is-not-an-image-this-is-an-instruction_3_2","name":"This is not a video. This is not an image. This is an instruction.","url":"https://www.richeyweb.com/test-article#toc-this-is-not-a-video-this-is-not-an-image-this-is-an-instruction_3_2"}},{"@type":"ListItem","position":3,"item":{"@type":"WPHeader","@id":"https://www.richeyweb.com/test-article#articleindex-toc-the-animation-source_3_3","name":"The Animation Source","url":"https://www.richeyweb.com/test-article#toc-the-animation-source_3_3"}}]}]} ```