Hi,
I am using the theme’s built in visual composer’s post grid functionality. On the front page, post grid initially displays 15 grids. Displaying additional grids requires clicking “load more” button. Browsers always load all contents includes pictures. This brings the loading speed of the website to a crawl as there are a lot of pictures / posts to load. The pictures and content which are not immediate displayed could be lazy loaded after it is visible to the user. Can this be done with Newsmag or via additional plugins?
Below is the code referring to the posts elements:
<div class="vc_grid-item vc_clearfix vc_col-sm-4 vc_grid-item-zone-c-bottom vc_grid_filter-item vc_visible-item zoomIn animated">...</div>
<div class="vc_grid-item vc_clearfix vc_col-sm-4 vc_grid-item-zone-c-bottom vc_grid_filter-item vc_visible-item zoomIn animated">...</div>
... (additional visible posts)
<div class="vc_grid-item vc_clearfix vc_col-sm-4 vc_grid-item-zone-c-bottom vc_grid_filter-item vc_visible-item zoomIn animated">...</div>
<div class="vc_grid-item vc_clearfix vc_col-sm-4 vc_grid-item-zone-c-bottom vc_grid_filter-item ">...</div>
<div class="vc_grid-item vc_clearfix vc_col-sm-4 vc_grid-item-zone-c-bottom vc_grid_filter-item ">...</div>
... (additional hidden posts)
<div class="vc_grid-item vc_clearfix vc_col-sm-4 vc_grid-item-zone-c-bottom vc_grid_filter-item ">...</div>
Website URL: http://www.almosthuman.cn/
Chris S seems to be have similar functionality for “load more” button. I am wondering how it is done on his website? URL: eNewsChannels.com
Hi
You’re right about post grids functionality, it loads all article and display the hidden ones when you click on load more button, but google does not penalizing your site because of this implementation.
I’ve checked your site with https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.almosthuman.cn%2F&tab=desktop and notice that you don’t have set the leverage browser caching also the images aren’t optimized. Please check our page speed guide here: https://forum.tagdiv.com/how-to-make-the-site-faster/ and try to increase your page speed following that instruction. Also if you decide to use the Speed Booster plugin here are some useful information about his functionality: https://forum.tagdiv.com/topic/speed-booster-v4-1-disabled/
Let me know how it goes and provide more details if you still need assistance on this.
Thanks!
