Ok thank you for that analysis!
I think this is the major problem I’m having with such a slow site, at least on the front end.
The back-end is usually slow to load to. This shouldn’t be caused by these un-optimized images on the front-end should it?
I’ve downloaded ShortPixel Image Optimizer and paid for extra credits to try and clean up the website.
But another senior web developer basically told me my entire website is trash and there is so much garbage code and problems that I’m better off starting from scratch.
I have COUNTLESS hours into this website, I really don’t want to start from scratch.
However, if I have to to properly fix everything from the ground up, then that’s what I have to do.
Here is what he said:
278 separate images on ONE page is time to take the entire website ‘round back o’ the woodshed with a .30-06 and put it down like old yeller.
Every file past the first 8 in normal http communication real-world averages 200ms. A fifth of a second. This means a real-world cache-empty load of your page should average 54 SECONDS of handshaking overhead regardless of connection speed at either end.
Attempting to access your page, the DNS lookup was horrifyingly long. This indicates that whoever you’re hosting your domain name from is utter trahs. The page itself almost looked like crap design with too much white space – but that’s because massive numbers of massive images are loaded painfully slow after the render. First attempt at loading in Firefox after seeing it in chrome timed out, which could be a result of simply having so many separate files you’re choking out the connection limits.
In file counts ALONE at 284 separate files is a complete and epic /FAIL/ at web development, but that it’s an utterly INSANE 96 megabytes in size? OF COURSE IT’S SLOW!!! That’s like wondering why a 60 foot tractor trailer filled to the brim with steel I-beams ends can start at the bottom of a hill at 80mph and then be struggling to maintain 10mph in first gear by the time it reaches the top of a quarter mile 40 grade.
No image optimization has been done, there is ZERO reason from what I’m seeing for there to be so many images much less such massive sizes for them,
this image ALONE:
https://www.ohiocannabis.com/wp-cont...Invitation.png
Is four times the size of a poorly written COMPLETE page of a website, and 20 times what a well written site would use. Comically tragic when I can’t even figure out where said image is even used on the page.
But setting the massive bloated images that have ZERO business being used on legitimate websites aside, even the code is a disaster. I mean, it’s turdpress so of course it’s inept junk – Wordpress is inept incompetent junk right out of the box that exploits people’s ignorance to peddle their BS – but this takes it to a whole new level with the endless pointless stylesheets for nothing only further increasing the raw file count.
This ALONE:
<link rel='stylesheet' id='mec-select2-style-css' href='https://www.ohiocannabis.com/wp-content/plugins/modern-events-calendar/assets/packages/select2/select2.min.css?ver=5.3.2' type='text/css' media='all' />
<link rel='stylesheet' id='mec-font-icons-css' href='https://www.ohiocannabis.com/wp-content/plugins/modern-events-calendar/assets/css/iconfonts.css?ver=5.3.2' type='text/css' media='all' />
<link rel='stylesheet' id='mec-frontend-style-css' href='https://www.ohiocannabis.com/wp-content/plugins/modern-events-calendar/assets/css/frontend.min.css?ver=5.3.2' type='text/css' media='all' />
<link rel='stylesheet' id='mec-tooltip-style-css' href='https://www.ohiocannabis.com/wp-content/plugins/modern-events-calendar/assets/packages/tooltip/tooltip.css?ver=5.3.2' type='text/css' media='all' />
<link rel='stylesheet' id='mec-tooltip-shadow-style-css' href='https://www.ohiocannabis.com/wp-content/plugins/modern-events-calendar/assets/packages/tooltip/tooltipster-sideTip-shadow.min.css?ver=5.3.2' type='text/css' media='all' />
<link rel='stylesheet' id='mec-featherlight-style-css' href='https://www.ohiocannabis.com/wp-content/plugins/modern-events-calendar/assets/packages/featherlight/featherlight.css?ver=5.3.2' type='text/css' media='all' />
<link rel='stylesheet' id='mec-google-fonts-css' href='//fonts.googleapis.com/css?family=Montserrat%3A400%2C700%7CRoboto%3A100%2C300%2C400%2C700&ver=5.3.2' type='text/css' media='all' />
<link rel='stylesheet' id='mec-dynamic-styles-css' href='https://www.ohiocannabis.com/wp-content/plugins/modern-events-calendar/assets/css/dyncss.css?ver=5.3.2' type='text/css' media='all' />
<style id='mec-dynamic-styles-inline-css' type='text/css'>
.mec-wrap.colorskin-custom .mec-totalcal-box .mec-totalcal-view span:hover,.mec-wrap.colorskin-custom .mec-calendar.mec-event-calendar-classic .mec-selected-day,.mec-wrap.colorskin-custom .mec-color, .mec-wrap.colorskin-custom .mec-event-sharing-wrap .mec-event-sharing > li:hover a, .mec-wrap.colorskin-custom .mec-color-hover:hover, .mec-wrap.colorskin-custom .mec-color-before *:before ,.mec-wrap.colorskin-custom .mec-widget .mec-event-grid-classic.owl-carousel .owl-nav i,.mec-wrap.colorskin-custom .mec-event-list-classic a.magicmore:hover,.mec-wrap.colorskin-custom .mec-event-grid-simple:hover .mec-event-title,.mec-wrap.colorskin-custom .mec-single-event .mec-event-meta dd.mec-events-event-categories:before,.mec-wrap.colorskin-custom .mec-single-event-date:before,.mec-wrap.colorskin-custom .mec-single-event-time:before,.mec-wrap.colorskin-custom .mec-events-meta-group.mec-events-meta-group-venue:before,.mec-wrap.colorskin-custom .mec-calendar .mec-calendar-side .mec-previous-month i,.mec-wrap.colorskin-custom .mec-calendar .mec-calendar-side .mec-next-month,.mec-wrap.colorskin-custom .mec-calendar .mec-calendar-side .mec-previous-month:hover,.mec-wrap.colorskin-custom .mec-calendar .mec-calendar-side .mec-next-month:hover,.mec-wrap.colorskin-custom .mec-calendar.mec-event-calendar-classic dt.mec-selected-day:hover,.mec-wrap.colorskin-custom .mec-infowindow-wp h5 a:hover, .colorskin-custom .mec-events-meta-group-countdown .mec-end-counts h3,.mec-calendar .mec-calendar-side .mec-next-month i,.mec-wrap .mec-totalcal-box i,.mec-calendar .mec-event-article .mec-event-title a:hover,.mec-attendees-list-details .mec-attendee-profile-link a:hover,.mec-wrap.colorskin-custom .mec-next-event-details li i,.mec-next-event-details a,.mec-wrap.colorskin-custom .mec-events-masonry-cats a.mec-masonry-cat-selected{color: #27ad1b}.mec-wrap.colorskin-custom .mec-event-sharing .mec-event-share:hover .event-sharing-icon,.mec-wrap.colorskin-custom .mec-event-grid-clean .mec-event-date,.mec-wrap.colorskin-custom .mec-event-list-modern .mec-event-sharing > li:hover a i,.mec-wrap.colorskin-custom .mec-event-list-modern .mec-event-sharing .mec-event-share:hover .mec-event-sharing-icon,.mec-wrap.colorskin-custom .mec-event-list-modern .mec-event-sharing li:hover a i,.mec-wrap.colorskin-custom .mec-calendar:not(.mec-event-calendar-classic) .mec-selected-day,.mec-wrap.colorskin-custom .mec-calendar .mec-selected-day:hover,.mec-wrap.colorskin-custom .mec-calendar .mec-calendar-row dt.mec-has-event:hover,.mec-wrap.colorskin-custom .mec-calendar .mec-has-event:after, .mec-wrap.colorskin-custom .mec-bg-color, .mec-wrap.colorskin-custom .mec-bg-color-hover:hover, .colorskin-custom .mec-event-sharing-wrap:hover > li, .mec-wrap.colorskin-custom .mec-totalcal-box .mec-totalcal-view span.mec-totalcalview-selected,.mec-wrap .flip-clock-wrapper ul li a div div.inn,.mec-wrap .mec-totalcal-box .mec-totalcal-view span.mec-totalcalview-selected,.event-carousel-type1-head .mec-event-date-carousel,.mec-event-countdown-style3 .mec-event-date,#wrap .mec-wrap article.mec-event-countdown-style1,.mec-event-countdown-style1 .mec-event-countdown-part3 a.mec-event-button,.mec-wrap .mec-event-countdown-style2,.mec-map-get-direction-btn-cnt input[type="submit"],.mec-booking button,span.mec-marker-wrap,.mec-wrap.colorskin-custom .mec-timeline-events-container .mec-timeline-event-date:before{background-color: #27ad1b;}.mec-wrap.colorskin-custom .mec-single-event .mec-speakers-details ul li .mec-speaker-avatar a:hover img,.mec-wrap.colorskin-custom .mec-event-list-modern .mec-event-sharing > li:hover a i,.mec-wrap.colorskin-custom .mec-event-list-modern .mec-event-sharing .mec-event-share:hover .mec-event-sharing-icon,.mec-wrap.colorskin-custom .mec-event-list-standard .mec-month-divider span:before,.mec-wrap.colorskin-custom .mec-single-event .mec-social-single:before,.mec-wrap.colorskin-custom .mec-single-event .mec-frontbox-title:before,.mec-wrap.colorskin-custom .mec-calendar .mec-calendar-events-side .mec-table-side-day, .mec-wrap.colorskin-custom .mec-border-color, .mec-wrap.colorskin-custom .mec-border-color-hover:hover, .colorskin-custom .mec-single-event .mec-frontbox-title:before, .colorskin-custom .mec-single-event .mec-events-meta-group-booking form > h4:before, .mec-wrap.colorskin-custom .mec-totalcal-box .mec-totalcal-view span.mec-totalcalview-selected,.mec-wrap .mec-totalcal-box .mec-totalcal-view span.mec-totalcalview-selected,.event-carousel-type1-head .mec-event-date-carousel:after,.mec-wrap.colorskin-custom .mec-events-masonry-cats a.mec-masonry-cat-selected,.mec-wrap.colorskin-custom .mec-events-masonry-cats a:hover{border-color: #27ad1b;}.mec-wrap.colorskin-custom .mec-event-countdown-style3 .mec-event-date:after,.mec-wrap.colorskin-custom .mec-month-divider span:before{border-bottom-color:#27ad1b;}.mec-wrap.colorskin-custom article.mec-event-countdown-style1 .mec-event-countdown-part2:after{border-color: transparent transparent transparent #27ad1b;}.mec-wrap.colorskin-custom .mec-box-shadow-color { box-shadow: 0 4px 22px -7px #27ad1b;}.mec-wrap.colorskin-custom .mec-timeline-event-time ,.mec-wrap.colorskin-custom .mec-timeline-event-location { background: rgba(39,173,27,.11);}.mec-wrap.colorskin-custom .mec-timeline-events-container .mec-timeline-event-date:after { background: rgba(39,173,27,.3);}
</style>
<link rel='stylesheet' id='mec-lity-style-css' href='https://www.ohiocannabis.com/wp-content/plugins/modern-events-calendar/assets/packages/lity/lity.min.css?ver=5.3.2' type='text/css' media='all' />
<link rel='stylesheet' id='wp-block-library-css' href='https://www.ohiocannabis.com/wp-includes/css/dist/block-library/style.min.css?ver=5.3.2' type='text/css' media='all' />
<link rel='stylesheet' id='wp-block-library-theme-css' href='https://www.ohiocannabis.com/wp-includes/css/dist/block-library/theme.min.css?ver=5.3.2' type='text/css' media='all' />
<link rel='stylesheet' id='wc-block-style-css' href='https://www.ohiocannabis.com/wp-content/plugins/woocommerce/packages/woocommerce-blocks/build/style.css?ver=2.4.5' type='text/css' media='all' />
<link rel='stylesheet' id='mpp_gutenberg-css' href='https://www.ohiocannabis.com/wp-content/plugins/metronet-profile-picture/dist/blocks.style.build.css?ver=2.3.9' type='text/css' media='all' />
<link rel='stylesheet' id='essential-grid-plugin-settings-css' href='https://www.ohiocannabis.com/wp-content/plugins/essential-grid/public/assets/css/settings.css?ver=2.3.5' type='text/css' media='all' />
<link rel='stylesheet' id='tp-fontello-css' href='https://www.ohiocannabis.com/wp-content/plugins/essential-grid/public/assets/font/fontello/css/fontello.css?ver=2.3.5' type='text/css' media='all' />
<link rel='stylesheet' id='rs-plugin-settings-css' href='https://www.ohiocannabis.com/wp-content/plugins/revslider/public/assets/css/rs6.css?ver=6.1.5' type='text/css' media='all' />
<style id='rs-plugin-settings-inline-css' type='text/css'>
#rs-demo-id {}
</style>
<link rel='stylesheet' id='steempress_sp-css' href='https://www.ohiocannabis.com/wp-content/plugins/steempress/public/css/steempress_sp-public.css?ver=2.6' type='text/css' media='all' />
<link rel='stylesheet' id='w2dc_listings_slider-css' href='https://www.ohiocannabis.com/wp-content/plugins/w2dc/resources/css/bxslider/jquery.bxslider.css?ver=2.5.3' type='text/css' media='all' />
<link rel='stylesheet' id='w2dc_bootstrap-css' href='https://www.ohiocannabis.com/wp-content/plugins/w2dc/resources/css/bootstrap.css?ver=2.5.3' type='text/css' media='all' />
<link rel='stylesheet' id='w2dc_font_awesome-css' href='https://www.ohiocannabis.com/wp-content/plugins/w2dc/resources/css/font-awesome.css?ver=2.5.3' type='text/css' media='all' />
<link rel='stylesheet' id='w2dc_frontend-css' href='https://www.ohiocannabis.com/wp-content/plugins/w2dc/resources/css/frontend.css?ver=2.5.3' type='text/css' media='all' />
<link rel='stylesheet' id='w2dc-dynamic-css-css' href='https://www.ohiocannabis.com/wp-content/uploads/w2dc-plugin.css?ver=1576833878' type='text/css' media='all' />
<link rel='stylesheet' id='w2dc-jquery-ui-style-css' href='https://www.ohiocannabis.com/wp-content/plugins/w2dc/resources/css/jquery-ui/themes/le-frog/jquery-ui.css?ver=5.3.2' type='text/css' media='all' />
<link rel='stylesheet' id='woocommerce-smallscreen-css' href='https://www.ohiocannabis.com/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=3.8.1' type='text/css' media='only screen and (max-width: 768px)' />
<style id='woocommerce-inline-inline-css' type='text/css'>
.woocommerce form .form-row .required { visibility: visible; }
</style>
<link rel='stylesheet' id='wpos-slick-style-css' href='https://www.ohiocannabis.com/wp-content/plugins/wp-logo-showcase-responsive-slider-slider/assets/css/slick.css?ver=2.4' type='text/css' media='all' />
<link rel='stylesheet' id='logo_showcase_style-css' href='https://www.ohiocannabis.com/wp-content/plugins/wp-logo-showcase-responsive-slider-slider/assets/css/logo-showcase.css?ver=2.4' type='text/css' media='all' />
<link rel='stylesheet' id='heateor_sss_frontend_css-css' href='https://www.ohiocannabis.com/wp-content/plugins/sassy-social-share/public/css/sassy-social-share-public.css?ver=3.3.7' type='text/css' media='all' />
<link rel='stylesheet' id='heateor_sss_sharing_default_svg-css' href='https://www.ohiocannabis.com/wp-content/plugins/sassy-social-share/admin/css/sassy-social-share-svg.css?ver=3.3.7' type='text/css' media='all' />
<link rel='stylesheet' id='x-stack-css' href='https://www.ohiocannabis.com/wp-content/themes/pro/framework/dist/css/site/stacks/integrity-light.css?ver=3.1.2' type='text/css' media='all' />
<link rel='stylesheet' id='x-woocommerce-css' href='https://www.ohiocannabis.com/wp-content/themes/pro/framework/dist/css/site/woocommerce/integrity-light.css?ver=3.1.2' type='text/css' media='all' />
<link rel='stylesheet' id='x-cranium-migration-css' href='https://www.ohiocannabis.com/wp-content/themes/pro/framework/legacy/cranium/dist/css/site/integrity-light.css?ver=3.1.2' type='text/css' media='all' />
<link rel='stylesheet' id='cp-module-main-style-css' href='https://www.ohiocannabis.com/wp-content/plugins/convertplug/modules/assets/css/cp-module-main.css?ver=3.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='smile-modal-style-css' href='https://www.ohiocannabis.com/wp-content/plugins/convertplug/modules/modal/assets/css/modal.min.css?ver=3.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='__EPYT__style-css' href='https://www.ohiocannabis.com/wp-content/plugins/youtube-embed-plus/styles/ytprefs.min.css?ver=13.1.2.5' type='text/css' media='all' />
<style id='__EPYT__style-inline-css' type='text/css'>
Being reason enough to take the entire existing site and killing it with fire… what with the pointless ID’s on stylesheets (there’s usually zero reason to ever do that), massive absolute URI’s, media=“all” throwing screen layout places it doesn’t apply, static style in the markup… people who create code like this do not know enough about HTML or CSS to be building websites.
It’s therefor hardly a shock it’s vomiting up 620k of HTML to deliver two dozen media elements (content images) and 1.18k of plaintext, probably not even 8k of HTML’s flipping job! I’d be SHOCKED if written properly that home page warranted more than 12k of HTML, and the entire SITE warranted more than 24k of CSS in one file… and if the images were optimized down and used PROPERLY it’s likely that it wouldn’t be more than 32 files in total of around 512k to 1mb total.
Hence why it’s so painfully slow, it’s 9 times the number of files it should use, massing 90 times the upper limit of what should be allowed in filesizes on a page.
Apologies if that seems harsh, but it’s such a disaster you NEED to start over from scratch as there is NOTHING worth saving from that mess. Again, OF COURSE it’s slow.
