Hey guys, Just need a bit of help testing something for my website. This is my problem and it's really doing my head in When someone visits my site for the first time it gets stuck on loading google fonts. This only happens when the site is visited for the first time and my hosting provider nor the theme designer can figure it out.... It's literally killing my site, every new visitor just leaves (I think). Although I'm getting bounce rates of 9% I'm going to assume that's not accurate. Anyhow, point is I need to see what other people see. I've tried visiting the site on different IPs and still have the problem. It's fine after the first visit because it gets cached in the browser, but problem is the first visits takes a long time to load fonts. Not only that my pop ups etc don't work until the fonts loaded... super annoying, even though they are set to pop up when they exit the browser. So I need to see what other people see, It would be much appreciated if a few people could visit the site and tell me what they see for the first 2 seconds at least. Best if you haven't visited before or clear browser cache. Firefox and Safari seem to be the worst http://www.onlinedimes.com Just need you to tell me if you seen picture 1 or 2. Cheers will help me out a lot in trying to figure this bullshit issue out. Picture 1 http://i.imgur.com/IjIQh2w.png Picture 2 (this is what it should look like) http://i.imgur.com/wGctAnQ.png
I experience that slow loading from Google's Fonts and APIs from time to time. Often, it happens immediately after I disconnect and reconnect from the internet. Just one more reason why I hate Google and hate third-party hosted resources. (Wordpress does this Google Fonts thing and I cannot stand it.) If the font license terms indicate it is free to use, you may want to consider downloading the font and serving it from your own website. Google Fonts is another tracking vector that Google uses to monitor which websites your visitors visit so it can show them relevant ads should they visit another site that uses Adsense. That bounce rate is very low. You should be able to see how many pages the average visitor views (I assumed you would be using Google Analytics but you are not). The first visit was fast for me. I will try again later. It could vary depending on location as I believe Google serves these font files from its content delivery network based on visitor location. So it can vary. I got no pop when I left your page.
I cleared my cache, closed my browser, disconnected from the internet and reconnected and tested your site and it loaded fast. I had no problems with slow font loading. Your web page looks like the second picture you posted, fonts are without serifs.
No problems viewing the page with Google Fonts on first visit. No popup on exit, but that might just have been blocked by Adblock. But yes, don't use Google to host your fonts? Just serve them from your own server instead?
It looks like the typical garbage trainwreck of turdpress, html-5tardery, scripttardery and "accessibility, what's that" which occurs when off the shelf technologies are crapped together any-old-way. If the goofy illegible webfont crap is causing slow loads and losing users, well... you ever heard the Groucho Marx joke "doctor, doctor, it hurts when I do this!"? Really that page has a lot of annoyances that would in my book make it bounce city; the goofy webfonts just being the cherry on the manure-cake. The endless pointless reliance on scripttardery, goofy pathetically broken attempt at being responsive, px metric fonts in a non-elastic layout, borderline illegible colour contrasts on some elements -- and even that is just the icing. Your front page only has 3.2k of actual plaintext content and barely over a dozen content images, what in blazes does it need 138k of markup for? that's EASILY ten times or more the code needed for such a simple page -- you mix in the batshit crazy 700k of scripttardery in eight files and external CSS coming to 263k in 4 files and you have developer ineptitude of the highest order; the raw file count alone of 34 separate files coming to a ridiculout 1.7 megabytes FOR THAT (and FOR WHAT?!?) means I'd not be the least bit surprised if more than half your traffic bounced before the page even finished loading. Though the contents of the TITLE tag and META[description] alone would make me bounce or not even click on a SERP link to the page just because the very topic sets off my scammy sense so... For what I'm seeing for content I see no legitimate reason for that page to be more than 12k of markup, for the entire site to use more than 32k of CSS, and I'm not seeing a blasted thing other than perhaps the social media stuff that I'd be bothering to even have scripting for. It's a laundry list of how NOT to build a website, but of course that's what I FULLY expect these days when I see turdpress, a HTML 5 doctype, and idioitic halfwit mouth-breathing dumbass bullshit like jQuery being used to build a site. Quite evident by nonsense like this: <body id="blog" class="home blog main" itemscope itemtype="http://schema.org/WebPage"> <header class="main-header" role="banner" itemscope itemtype="http://schema.org/WPHeader"><div class="container"><div id="header"><div class="logo-wrap"><h1 id="logo" class="image-logo" itemprop="headline"> <a href="http://www.onlinedimes.com"><img src="http://www.onlinedimes.com/wp-content/uploads/2015/04/Logo1.png" alt=""></a></h1> Code (markup): or this: <div class="secondary-navigation" role="navigation" itemscope itemtype="http://schema.org/SiteNavigationElement"> <a href="#" id="pull" class="toggle-mobile-menu">Menu</a> <nav id="navigation" class="clearfix mobile-menu-wrapper"><ul id="menu-menu" class="menu clearfix"><li id="menu-item-38" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home"><a href="http://www.onlinedimes.com/">Home</a></li> Code (markup): this: <header><h2 class="title front-view-title" itemprop="headline"><a href="http://www.onlinedimes.com/low-clicks-facebook/" title="How You Can Find Hidden Keywords on Facebook in Minutes.">How You Can Find Hidden Keywords on Facebook in Minutes.</a></h2> Code (markup): or worse outright dumbass garbage like this: <div id="om-lightbox-clean-slate-optin-bullets" data-om-action="editable" data-om-field="bullet"><ul><li><div class="om-arrow" style="border-left-color:#ff6201"> </div> 50 <span style="font-weight:bold;">FREE</span> Wordpress themes & templates</li><li><div class="om-arrow" style="border-left-color:#ff6201"> </div> Over 300 fonts you can use for anything you like </li><li><div class="om-arrow" style="border-left-color:#ff6201"> </div> 4 website banner packs that you can customize</li><li><div class="om-arrow" style="border-left-color:#ff6201"> </div> <span style="font-weight:bold">FREE </span>fresh and clean social Icons</li><li><div class="om-arrow" style="border-left-color:#ff6201"> </div> <span style="font-weight:bold">AND SO MUCH MORE!</span></li></ul></div> Code (markup): If you don't know what's wrong with those, you have NO business building websites or even having a website in the first place. JUST to show you what I mean, if I had written that same page there is NO excuse for the HTML of it to be significantly more than this other than developer ineptitude and blindly pasting together code any-old-way. <!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"> <meta name="viewport" content="width=device-width; height=device-height; initial-scale=1.0" > <meta name="description" content="Since 2013 I've made a living online, making money for free and with adverts. This site features tutorials and strategies on how to make a passive income. In other words a giant BS scam that will leave you with your pants around your ankes at the next bubble burst." > <link rel="shortcut icon" href="/favicon.ico" > <link type="text/css" rel="stylesheet" href="screen.css" media="screen,projection,tv" > <title> Online Dimes - Let's Make Money Online for Free. </title> </head><body> <h1> <a href="/"> ONLINE <span>DIMES.COM</span> </a> </h1> <div id="top" class="widthWrapper"> <ul id="mainMenu"> <li><a href="/">Home</a></li> <li><a href="/category/tutorials/">Tutorials</a></li> <li><a href="/category/online-resources/">Resources</a></li> <li><a href="/tools/">Tools</a></li> <li><a href="/category/reports/">Income Reports</a></li> <li><a href="/about-me/">About Me</a></li> <li><a href="/contact-me/">Contact Me</a></li> </ul> <div class="contentWrapper"><div id="content"> <div class="article"> <h2> <a href="/tsu-scam-invite/" rel="bookmark"> This Social Media Platform Gives Kids Clean Water. Everyone Thinks It's A Scam. </a><br> <small> May 17, 2015 <a href="/tsu-scam-invite/#comments" class="comments">No Comments</a> <a href="" title="Posts by Franklin" rel="author" class="author">Franklin</a> </small> </h2> <img src="/wp-content/uploads/2015/05/is-tsu-really-a-scam-223x137.png" alt="is-tsu-really-a-scam" class="leadingPlate" > <p> Some of you might know about it and some of you guys might not but I'm going to set the record straight. I'm going to show you how I'm... </p> <a href="/tsu-scam-invite/" title="This Social Media Platform Gives Kids Clean Water. Everyone Thinks It's A Scam." rel="bookmark" class="readMore" >Read More...</a> <!-- .article --></div> <div class="article"> <h2> <a href="/keyword-research-analysis/" rel="bookmark"> Video Series: Keyword Research and Competition Analysis of The Top 10. </a><br> <small> May 14, 2015 <a href="/keyword-research-analysis/#comments" class="comments">4 Comments</a> <a href="" title="Posts by Franklin" rel="author" class="author">Franklin</a> </small> </h2> <img src="/wp-content/uploads/2015/05/Keyword-Research-2-223x137.png" alt="Keyword-Research (2)" class="leadingPlate" > <p> Now it's time for the fun stuff. Back in my first video I looked at affiliate networks then I had a quick look at Importing. Now it's time for keyword... </p> <a href="/keyword-research-analysis/" title="Video Series: Keyword Research and Competition Analysis of The Top 10." rel="bookmark" class="readMore" >Read More...</a> <!-- .article --></div> <div class="article"> <h2> <a href="/money-clickbank/" rel="bookmark"> April Income Report – $10,102.72. The Big Drop </a><br> <small> May 10, 2015 <a href="/money-clickbank/#comments" class="comments">2 Comments</a> <a href="" title="Posts by Franklin" rel="author">Franklin</a> </small> </h2> <img src="/wp-content/uploads/2015/05/Make-money-on-clickbank-223x137.png" alt="Make-money-on-clickbank" class="leadingPlate" > <p> I'm late with my report once again, sorry guys. These seem to be very popular so I need to keep on top of it. This month was my worse... </p> <a href="/money-clickbank/" title="April Income Report – $10,102.72. The Big Drop" rel="bookmark" class="readMore" >Read More...</a> <!-- .article --></div> <div class="article"> <h2> <a href="/importing-from-china/" rel="bookmark"> Video Series: Importing From China Is Making People Rich. </a><br> <small> May 7, 2015 <a href="/importing-from-china/#comments" class="comments">2 Comments</a> <a href="" title="Posts by Franklin" rel="author" class="author">Franklin</a> </small> </h2> <img src="/wp-content/uploads/2015/05/Importing-From-China-1-223x137.png" alt="Importing products" class="leadingPlate" > <p> Alright, In my first video in the series I covered finding affiliates. Before I move on in the series I wanted to cover importing products. Why? Importers are making HUGE... </p> <a href="/importing-from-china/" title="Video Series: Importing From China Is Making People Rich." rel="bookmark" class="readMore" >Read More...</a> <!-- .article --></div> <div class="article"> <h2> <a href="/keyword-competition/" rel="bookmark"> How Do You Check Keyword Competition? Not Like This I Hope. </a><br> <small> May 3, 2015 <a href="/keyword-competition/#comments" class="comments">No Comments</a> <a href="" title="Posts by Franklin" rel="author" class="author">Franklin</a> </small> </h2> <img src="/wp-content/uploads/2015/05/Keyword-research-1-223x137.png" alt="Keyword-research (1)" class="leadingPlate" > <p> Before I continue on with my video series, I want to show you something and explain to you why it's wrong. While I was browsing the internet today I... </p> <a href="/keyword-competition/" title="How Do You Check Keyword Competition? Not Like This I Hope." rel="bookmark" class="readMore" >Read More...</a> <!-- .article --></div> <div class="article"> <h2> <a href="/finding-affiliates/" rel="bookmark"> Video Series: How To Find Affiliate Networks and Offers. </a><br> <small> April 30, 2015 <a href="/finding-affiliates/#comments" class="comments">2 Comments</a> <a href="" title="Posts by Franklin" rel="author" class="author">Franklin</a> </small> </h2> <img src="/wp-content/uploads/2015/04/Finding-affiliates-223x137.png" alt="Finding-affiliates" class="leadingPlate" > <p> Having trouble finding affiliate networks? I decided to do a video series that will take you through setting yourself up to sell affiliates and make money. I've been getting a... </p> <a href="/finding-affiliates/" title="Video Series: How To Find Affiliate Networks and Offers." rel="bookmark" class="readMore" >Read More...</a> <!-- .article --></div> <div class="article"> <h2> <a href="/low-clicks-facebook/" rel="bookmark"> How You Can Find Hidden Keywords on Facebook in Minutes. </a> <small> April 25, 2015 <a href="/low-clicks-facebook/#comments" class="comments">22 Comments</a> <a href="" title="Posts by Franklin" rel="author" class="author">Franklin</a> </small> </h2> <img src="/wp-content/uploads/2015/04/Money-on-facebook-223x137.png" alt="Money-on-facebook" class="leadingPlate" > <p> For the last 2 years, I've been advertising on Facebook. I've had my good days and my bad days; Facebook can be a tough nut to crack. When I... </p> <a href="/low-clicks-facebook/" title="How You Can Find Hidden Keywords on Facebook in Minutes." rel="bookmark" class="readMore" >Read More...</a> <!-- .article --></div> <div class="article"> <h2> <a href="/free-keyword-research/" rel="bookmark"> Super Easy Research With Google Keyword Planner. </a> <small> April 22, 2015 <a href="/free-keyword-research/#comments" class="comments">7 Comments</a> <a href="" title="Posts by Franklin" rel="author" class="author">Franklin</a> </small> </h2> <img src="/wp-content/uploads/2015/04/online-free-keyword-research-223x137.png" alt="Free online keyword research" class="leadingPlate" > <p> I just wanted to say a quick thank you to all my new followers. This blog is growing a lot faster than I thought. With growth comes more questions. This... </p> <a href="/free-keyword-research/" title="Super Easy Research With Google Keyword Planner." class="readMore" >Read More...</a> <!-- .article --></div> <ul class="pagination"> <li><span>1</span></li> <li><a href="/page/2/">2</a></li> <li><a href="/page/3/">3</a></li> <li><a href="/page/4/">4</a></li> </ul> <!-- #content, .contentWrapper --></div> <div id="extras"> <form method="get" id="searchform" action="http://www.onlinedimes.com"> <fieldset> <label for="searchFormText">Search the site for:</label> <input type="text" name="s" id="searchFormText"> <input type="image" src="images/search.png" alt="Go"> </fieldset> </form> <div id="briefAbout"> <img src="/wp-content/uploads/2015/04/Franklin-2.png" alt="Franklin" class="plate" > <p> Welcome, I'm Franklin. Since 2013 I've made a <a href="/make-money-on-facebook/">living</a> online. I want to help others achieve their online journeys, I write <a href="/category/tutorials/">tutorials</a> that can help. Let's learn new things and share what we know. </p> <!-- #briefAbout --></div> <form id="subscribe" method="post" action="subscribe.php"> <h2> Subscribe to my Newsletter and get the latest content from this Blog </h2> <fieldset> <label for="subscribeEmail">Your E-Mail Address:</label><br> <input type="text" id="subscribeEmail" name="email"><br> <input type="submit" class="submit" value="Sign Me Up!"> </fieldset> </form> <div class="joinMeOnYT"> <hr> <a href="https://www.youtube.com/channel/UCmMM03CkbXnu6TuDeTIvc0w"> <img src="/wp-content/uploads/2015/05/online-dimes-youtube.png" alt="Join Me On Youtube" > </a> <!-- .joinMeOnYT --></div> <div id="popularPosts"> <h2>Popular Posts</h2> <ul> <li> <a href="/low-clicks-facebook/"> <img src="/wp-content/uploads/2015/04/Money-on-facebook-65x65.png" alt="Money-on-facebook" > <span>How You Can Find Hidden Keywords on...</span><br> April 25, 2015 • <b>22</b> Comments </a> </li><li> <a href="/free-keyword-research/"> <img src="/wp-content/uploads/2015/04/online-free-keyword-research-65x65.png" alt="Free online keyword research" > <span>Super Easy Research With Google Keyword Planner.</span><br> April 22, 2015 • <b>7</b> Comments </a> </li><li> <a href="/keyword-research-analysis/"> <img src="/wp-content/uploads/2015/05/Keyword-Research-2-65x65.png" alt="Keyword-Research (2)" > <span>Video Series: Keyword Research and Competition Analysis...</span><br> May 14, 2015 • <b>4</b> Comments </a> </li><li> <a href="/finding-affiliates/"> <img src="/wp-content/uploads/2015/04/Finding-affiliates-65x65.png" alt="Finding-affiliates" > <span>Video Series: How To Find Affiliate Networks...</span><br> April 30, 2015 • <b>2</b> Comments </a> </li><li> <a href="/importing-from-china/"> <img src="/wp-content/uploads/2015/05/Importing-From-China-1-65x65.png" alt="Importing products" > <span>Video Series: Importing From China Is Making...</span><br> May 7, 2015 • <b>2</b> Comments </a> </li> </ul> <!-- #popularPosts --></div> <!-- #extras --></div> <!-- #top.widthWrapper --></div> <div id="footer"><div class="widthWrapper"> <hr> © 2015 <!-- .widthWrapper, #footer --></div></div> <script type="text/javascript" src="library.js"></script> </body></html> Code (markup): ... and honestly that might be overkill. EVERYTHING else you have done there belongs in maybe 32 to 48k of CSS for the entire site and maybe, MAYBE 16k of JS just to AJAX send the second form. I don't see ANYTHING warranting that giant bloated mess of code apart from outright developer ignorance and ineptitude -- mind you MOST of that isn't your fault, you've been duped into thinking that slapping together turdpress, jqueery and a bunch of plugins will make a succesful website. It doesn't, no matter how many sleazy scam artists and lazy jacktards not qualified to open their traps on the subject have taken over the industry and taken a giant dump on it from orbit!
Lol who said I built the website? I didn't. I have no idea how to code just like most people hence why most of us go with "turdpress" we can't all be pro coders. Although Wordpress is just some click and go bullshit that's what I like to use. Found the issue anyways. As for the titles I haven't I haven't optimized them yet so relax. I think you have a vendetta against WordPress. I don't care about the home page in SERPS right now anyways, just threw it there so it wasn't blank for now. The site actually loads fine. The only issue I was asking about was the fonts. Found out it was an external issue... I didn't need all the other stuff you wrote as I already knew about that and the site isn't even finished.. I think we should just stay on the topic of the fonts issue since that's what I asked about. I'm no chump noob I knew about everything you mentioned and it will be worked on. As for the bounce I'm getting barely any bounces... people are staying on the site and it's loading fine for them apart from that guy up the top but turns out CloudFlare was down for a bit. This is about the fonts, the accual pages load fine but google fonts is a laggy sack of shit. I don't need to see the other stuff, although I admire the passion. I haven't been duped into anything I know how shittily WordPress can be. The website actually got a huge spike in traffic last week and with an average bounce rate of 9% and sales picking up I wouldn't exactly call the website unsuccessful. Majority, of the websites on the internet today use shitty coded WordPress and they're very successful. In fact according to my competitors code/loaditmes mine is by far the better one. I personally think you looked into it a bit too much but neither the less I appreciate the feedback because it's reply's like that that help people. Cheers
Thanks for the info. helped a lot, yeah I am using Analytics but just disabled it for now because that was also lagging when loading up
Hence my opening sentence -- it looks like you grabbed a bunch of off the shelf 'solutions' and slapped them together. Sadly that is not a recipe for success no matter how many alleged "experts" out there will try to scam you into thinking it is. Which sadly means if you are building anything more complex than a blog for grandma, you probably shouldn't be building a website -- particularly if you are serious about it in a business type situation. When it comes to off the shelf solutions, I'm a bit of an equal opportunity hater; it's like the old SNL skit where Pat Nixon says "Dick wasn't anti-semetic, he hated all minorities". You take a look at the outright incompetance shown in every aspect of it's code, and anyone who knows how to build a website properly should be in outright HORROR of the idiotic bloated halfwit nonsense it has the giant set of brass to call HTML, much less the hodge-podge of broken garbage Turdpress is just the easiest target because of its inexplicable popularity and effectively being ubiquitous; that ANYONE is DUMB ENOUGH to use it by choice... well... it's either REALLY good propaganda, just plain ignorance, or outright brain damage! Of course though, popular doesn't mean good, just look at garbage like "50 shades" or your typical cookie-cutter female pop vocalist like Beyonce that leaves you asking how the **** is this music?!?. "For people who know nothing about websites BY people who know nothing about websites" is NOT a recipe for long term success. There's a reason to me most of these CMS and other off the shelf "framework" type solutions are at best crutches for the inept, at worst outright scams meant to dupe the ignorant into throwing money away by making them THINK they can have a website... To the point you might as well light a few dozen fat stacks of banded Bennies on fire for all the 'profit' the result should be making long term. It doesn't here -- but again one should NEVER trust how fast (or slow) it loads at any single location as a indication of how fast the site is; it comes down to filesizes and quite often more importantly file counts. It's all about the math and gauging worst case and 'real world average' since there are a whole slew of things ranging from geographical distance, to backbone topology, to local traffic (at either end) that can be the difference between the same page loading for one person in under a second and another person having it take two minutes. Again, try uploading 100 separate 10k files via FTP and compare how long that takes to uploading a single 1 megabyte file. Handshaking, it'll bite you EVERY time and it's why these systems that crap together ENDLESS separate scripts and CSS files are the number one cause of sites being bigger bloated messes than the crap from 18 years ago -- again the industry seems bound and determined to drag everything back to the bleeding edge of pre-strict 1997 development practices ignoring EVERY bit of actual progress since. The latter being the real head-scratcher since per media target there's no legitimate excuse to have more than two files totaling 64k for an ENTIRE website (half that being a more realistic goal) other than developer ineptitude of such magnitude, such utter and complete stupidity, it makes mouth-breathing halfwits like Ken Ham look like Ruth Lawrence.
I really can't be bothered reading that, thanks for the input though. I did read the first line and I have no idea what you are on about..., no expect has scammed me into anything. I'm happy with my site and I enjoy using WordPress cheers.