I’m having a couple issues with my site and would really appreciate some help.
I am using:
1. Laptop: 13 inch retina Macbook Pro
2. Browser: Chrom
3. Website in question: http://wafflenewwebsite.webflow.com/
The issues are as follows:
1. Google Analytics set up for forms:
I'm trying to set up event tracking for the forms on my website. 1 for the nav, another for each of the ones in the body on any of the pages.
Here's the code I'm using as a custom attribute for the nav button one:
Value: gaq.push(['trackEvent', 'form', 'click', 'nav']);
Is this correct? In GA im using:
1. Category: form
2. Action: click
3. Label: nav
4. Value equal to: 1
Would it be better to track it on the success state of the form? Or would you suggest something else? If so, what?
Get started button on features page http://wafflenewwebsite.webflow.com/features (mobile devices only) - the button seems to resize to over double what it should be. I am using 2 buttons, one to show on tablet and desktop (only shows on these devices) and another to show on mobile only (which directs to a dedicated sign up page because there isn't enough room for a form in the nav otherwise). How can this be fixed?
The crop of the testimonial images on the homepage http://wafflenewwebsite.webflow.com is strange on different desktop/laptop screen sizes. Seems ok on my retina 13 inch mac but on other desktops the crop cuts the people off and becomes an issue.
It said I should do the following:
Your page has 2 blocking script resources and 2 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
Optimize CSS Delivery of the following: