Profile: ehubcap

Running Google PageSpeed insights metrics to improve my http://ehubcap.net site performance it flagged a warning as follow:
"Consider Fixing:
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 1 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.
Remove render-blocking JavaScript:
http://ehubcap.net/…mFFR0lejVCKoiYRAdoiror7VXF_PHOFqCmgyDwE1
Optimize CSS Delivery of the following:
https://fonts.googleapis.com/css?family=Open+Sans:400,300,700
http://ehubcap.net/…Z1H5ti-cY9WajlKPD-WxLNe6e6as8Hn-A9JRlVg1"

This seem to be a reference to the mobile mode of the responsive media queries bundling structure coded for the Theme.
What feasible solution can be achieve to solve this?
Google will penalize our ranking if we don't abide by this compliance guideline
Advise please
Jose
ehubcap

Hi support, running some optimization test on PageSpeed Insights and other engines, we are getting a lower valuation due to this warning (referred to the Logo image plugin)

image has no alt text!
This image is not following part of the Google guidelines. Add alt text.
image has no dimensions (height/width)!

I can't find a way to correct this issue on VS2013
any help solving this will be appreciated
Thank you

I posted a similar question in Nopcommerce forum, figuring that this was a core issue  they were interested in tackled down.
...and they did...
check it out at:
http://www.nopcommerce.com/boards/t/29265/how-to-make-the-first-drop-down-product-attribute-just-informational.aspx
Thank you  guys

Hi Support, we created a product attribute named "item condition" . The first pre-selected attribute is only informational with a text hint "select on" in there, to direct the customer, to choose one of the attributes in the drop-down.
If the customer just click "buy" without making any selection (and that will happen very often) the first record is retrieved as "select one" and added to the cart. his is not the desired behavior, I did check the Motion demo store and the same happen if Buy is clicked for the blank pre-selected box.
Question: Will be possible to make the first selection of the product attribute drop-down just informational with no Ajax control applied to it?  
As always our thank you, for the hard  and excellent work done on the plugins

Hi Boyko, you were absolutely right, it's working now, I might be doing something wrong, I can't even reproduce the issue anymore, maybe a page, browser, or cache refresh was due.
Thank you for all you support

Hi support:
The referred issue is preventing the contact us form from working, my guess is because that the model is constructed as the review tab model and referenced to it, consequently if we were to deactivate the review tab, the contact us form will not work afterwards.
Will you guys please, create a new model just for the contact us form and refactor the code, so we can have said contact us form working independently of the review tab being active or not?
Thank you, great work!

Easy enough, I just made the global changes at:
http://~/Themes/Motion/Content/CSS/styles.css:3893

I would like to change one of the color preset to a personal preferred one, or better yet, is there a possibility to create a more personalized custom color preset?
Thank you

Well I answered my own question.
It may be designed that way purposely, I don't know, but for devices that require hand and eye coordination like mobiles, any hint like this is welcomed plus, so I made a few changes and wrote some lines of CSS code to achieve that
1)-->FIRST:
in ~\Nop.Web\Themes\...\Content\css\mobile-only.css
starting at line:
13-25 under /* HEADER */
CHANGED ALL THE BACKGROUND IMG (M-ICON) INSTANCES FOR THE TOGGLE ICON IMG ONES AND ADDED A Y-COORDINATE VALUE OF -18PX FOR POSITION CONTROL
(i.e.)
background: url(../img/m-icon-plus.png) no-repeat center; -->  background: url(../img/icon-plus.png) no-repeat center -18px;

2)-->WROTE A NEW CLASS .HEADER-LINKS .A:HOVER FOR EVERY INSTANCE OF THE HEADER-LINKS, AND ADDED THE SAME TOGGLE BACKGROUND IMG BUT WITH A ALTERED VALUE OF 10PX FOR TOGGLE IMG POSITION TRANSITIONING CONTROL
(i.e.)  
.header-links .ico-register:hover {
background: url(../img/icon-plus.png) no-repeat center 10px;
}
    
    This is it!
PS. alternatively add titles to the html tags in HeaderLinks.cshtml
like:  

<li><a href="@Url.RouteUrl("Logout")" class="ico-logout" title="Logout">@T("Account.Logout")</a></li>

    
    
I didn't wanted to spent time figuring things out rather working on the meat of the site: categories and products but I see that you guys are busy
Thank you  

This nice effect is important for customer experience but more distinguished and helpful on small screens, however the action is not triggering on these modes
Thank you