X-Cart reBOOT (reDUX) Template

nauticalstyle · #**301** 05-10-2021, 06:59 PM

I am configuring home page Slider settings on my local development site (Windows 10, XAMPP v3.3.0, PHP 7.4.18, X-Cart 4.7.12)

Slide links are initially text (e.g. #Slide_1).
If I set the slide link to a local html page URL, e.g. https://localhost/reDUXdevsite/slide_1-link.html, do I have to manually change the URL to e.g. https://mylivesite.com/slide_1-link.html when I upload the site to the live server?

The underlying code is in /skin/reboot/custom/slider.tpl and the slide link variable is $config.Reboot.reboot_slide_#_link, (e.g. $config.Reboot.reboot_slide_1_link).

PhilJ · #**302** 05-10-2021, 09:20 PM

Best to use PHP links for the slides, so that when you go live, the clean/cdseo URLs will update automatically.

Code:

category - home.php?cat=123
product - product.php?productid=123
manufacturer - manufacturers.php?manufacturerid=123
page - pages.php?pageid=123

nauticalstyle · #**303** 05-11-2021, 01:13 AM

Thanks Phil

nauticalstyle · #**304** 05-11-2021, 11:49 PM

Here's an update (fix) to the code in Phil's last post:

For manufacturer, use manufacturers.php?manufacturerid=123
For page, use pages.php?pageid=123

Refer to the relevant database table for the id numbers, i.e.:

For manufacturer, refer to xcart_manufacturers table.
For page, refer to xcart_pages table.

PhilJ · #**305** 05-12-2021, 11:38 AM

12th May - Some updates, files will be available tomorrow.

anandat · #**306** 05-14-2021, 10:20 PM

Redux is looking fantastic Phil

. You have added some nice features which were always required....can't wait to upgrade
And by the way your SEO tips at https://xcartmods.com/reboot/tips is a mini SEO course ...keep it up bro

Dougrun · #**307** 05-17-2021, 10:18 AM

in readme, :
4) In /skin/reboot/customer/service_js.css
should be

4) In /skin/reboot/customer/service_js.tpl

PhilJ · #**308** 05-17-2021, 04:22 PM

https://www.smashingmagazine.com/2021/04/humble-img-element-core-web-vitals/

peggyr · #**309** 05-21-2021, 02:03 PM

Hi Phil,

Google’s search console Core Web Vitals Pagespeed Insights tool for desktop is great for my site.

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fmystore.com%2F&tab=desktop&hl=e n

my site desktop results in a 98 score

Google’s search console Core Web Vitals Pagespeed Insights tool for mobile is terrible for my site.

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fmystore.com%2F&tab=mobile&hl=en

my site mobile results in a 41 score

The crawling of my site via robots.txt appears to be done with googlebot smartphone, which I can not modify to be done with desktop. The googlebot user-agent token is the same for both.

https://developers.google.com/search/docs/advanced/crawling/overview-google-crawlers

Google is updating their Core Web Vitals implementation this month (May)

My site results from https://gtmetrix.com/analyze.html is 93%, using the default Vancouver Chrome Desktop test server.

Maybe this isn't a problem that I can do anything about. Or maybe it isn't a problem at all.

Just checking if there are any checklists to maximize mobile settings with reDUX.

Thanks for any ideas, including nothing to spend time on!

Peggy

PhilJ · #**310** 05-22-2021, 05:25 AM

https://web.dev/vitals/

LCP: https://web.dev/optimize-lcp/

- Largely depends on your server config, DNS response time, TTFB, traffic, network latency, caching, GZIP, PHP version etc. etc.
- Can't do much about render blocking JS, it's always been an issue with X-Cart Classic, core JS code can't be moved from the <head>. reBOOT JS appears at the bottom of the page.
- Defer third-party JS if you can.
- Consider using a CDN.

FID: https://web.dev/optimize-fid/

- Keep your pages lightweight, don't go overboard with too much content.
- Try masonry layouts instead of product switchers, which will use less HTML code.
- ALWAYS optimise and lazyload your images, videos etc.
- Check any off-site/third-party content you may have.
- Disable any unnecessary modules.
- Ensure HTML, CSS & JS are minified.

CLS: https://web.dev/optimize-cls/

- Check all your images have width and height attributes set, so there's limited 'shifts' in the layout. Use the CSS aspect-ratio wrappers.
- For non-catalog images, you might want to consider changing other images to Base64, which will reduce server requests.
- Using lots of carousels can sometimes affect CLS.
- Using standard font stacks instead of Google fonts may help.

I've just added some image tools here.

I already know your site is pretty 'lean', but I'd be fairly happy with your results so far.

To optimise your store further, you can remove un-used JS and CSS, but to do so, you need to know what you're doing. I can assist on a site-by-site basis (paid help).

Use the browser console > network tab to check for bottlenecks, page size and speed.