Support » Theme: Blocksy » Vanilla js and mobile first

  • Resolved worldsdream

    (@worldsdream)


    Hi,

    1. I couldn’t find anything on the blocksy official website about vanilla js. So far I do understand is that blocksy does use vanilla js and not jQuery. Can you please confirm?

    2. Is it true that the blocksy theme is not a mobile first theme? Would it be better to make the theme mobile first because it’s faster when google crawls the page?

    Thank you for making this theme.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Eduard

    (@cteduard)

    Hello @worldsdream

    We do not use jQuery, but we use our own custom code in combination with React, Webpack and Babel.

    No, this is not true. And to be honest, I’m really curious where you’ve heard this. Blocksy is fully responsive, letting you create beautiful websites that display great on devices ranging from 4K displays, down to the smaller screens of our mobile phones.

    Thanks

    Thread Starter worldsdream

    (@worldsdream)

    Eduard

    (@cteduard)

    Hello @worldsdream

    That’s a bold statement that novo-media has made, but to each their own. Blocksy is fully responsive and works great on mobile 🙂

    Thanks

    Thread Starter worldsdream

    (@worldsdream)

    Hi @cteduard

    Yes it works fine on mobile devices. But, it’s not MOBILE FIRST. That’s what it’s showing in the table.

    Thanks for letting me know.

    Eduard

    (@cteduard)

    What does “Mobile first” mean to you?

    Thread Starter worldsdream

    (@worldsdream)

    To the website it means:

    Without going into technical details, it means that your theme has been coded (and maybe also designed) first for mobiles and that its content adapts as the screen size grows. This approach has several advantages:

    This improves loading speed on mobile: If the site is not coded in “mobile first”, the browser must first browse through all the desktop CSS before finding the mobile CSS it needs to display the page correctly by transforming the desktop display. This is all the more true since on mobiles we have less powerful processors and generally less bandwidth. So we might as well make it easier for phones by giving them the CSS right away and by not making them load all the elements needed for the desktop version before. Especially since most of the traffic now comes from the mobile.
    The size of the CSS is generally smaller: In general, it is easier to start from a clean mobile version and add elements than to do the opposite. You will need fewer lines of CSS code when using the “Mobile first” approach and therefore the CSS will be less heavy.

    Hello @worldsdream

    Hmm… yep, I’m not sure this metric is 100% relevant in our case. We’ve made sure, and even had external audits done, that Blocksy is super speedy and fully responsive. Our code is dynamic and automatically adjusts the view of the website. We have also implemented a system that only loads the required assets (such as JS/CSS files) on demand, if the feature is active on that page or not.

    All in all, I wouldn’t trust a website that gave all the popular themes (who are doing great in terms of usability and number of installs) a negative score in the “mobile first” metric. Plus, if you have been carefully reading their article, you can spot a lot of grammar mistakes and such, so this points me in the direction that it’s not a website that should be fully trusted with their “metrics”.

    Hope this makes sense!

    Thread Starter worldsdream

    (@worldsdream)

    Thank you @cteduard.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Vanilla js and mobile first’ is closed to new replies.