Ajax Simplified: I have been meaning to put this together, even for my own understanding and pros and cons and the SEO impact of using Ajax.
Pros:
1. Ajax does a great job of not fully loading the page, so refresh smaller areas/faster
2. A lot of fancy things auto complete\Edit in place\ratings\RSS reader and also sorts of gimmicks.
3. On refresh, it does not trigger a HTTP Post as opposed to traditional web apps.
4. Simpler actions makes the over all site faster, things like e.g. Facebook like
Cons:
1. SEO suffers as most crawlers are links based and have limited JS support so if you use fewer URL's to do a lot of actions, this is bad for SEO visibility of the site.
2. User experience, can not navigate to the path on refresh, so this could be bad user experience, if the Ajax is heavily used and you navigate to 3-4 levels and if you need to go back or forward.
Good Example of Ajax implemented site with SEO friendly URLs: https://github.com/
As you would see here with github, even though it is Ajax, the links are changing which is kind of best of both worlds: https://github.com/karmi/tire
Limitation of the above approach: Only HTML5 supports this feature--History supported browsers (most modern browsers). Push the URL to the browsers and ajax takes care of all the handling.You need to implement If\Else for older browsers and fortunately there is an API available, please find below link
https://github.com/browserstate/history.js
Top 10 Ajax applications in commerce (WCS): I will fill this soon.
Pros:
1. Ajax does a great job of not fully loading the page, so refresh smaller areas/faster
2. A lot of fancy things auto complete\Edit in place\ratings\RSS reader and also sorts of gimmicks.
3. On refresh, it does not trigger a HTTP Post as opposed to traditional web apps.
4. Simpler actions makes the over all site faster, things like e.g. Facebook like
Cons:
1. SEO suffers as most crawlers are links based and have limited JS support so if you use fewer URL's to do a lot of actions, this is bad for SEO visibility of the site.
2. User experience, can not navigate to the path on refresh, so this could be bad user experience, if the Ajax is heavily used and you navigate to 3-4 levels and if you need to go back or forward.
Good Example of Ajax implemented site with SEO friendly URLs: https://github.com/
As you would see here with github, even though it is Ajax, the links are changing which is kind of best of both worlds: https://github.com/karmi/tire
Limitation of the above approach: Only HTML5 supports this feature--History supported browsers (most modern browsers). Push the URL to the browsers and ajax takes care of all the handling.You need to implement If\Else for older browsers and fortunately there is an API available, please find below link
https://github.com/browserstate/history.js
Top 10 Ajax applications in commerce (WCS): I will fill this soon.
Wow. This really made my day. Thanks a lot!
ReplyDeleteJavaScript Online Training | HTML5 Online Training JQuery Online Training JQuery Online Training Javascript Online Training
IEEE Final Year Project centers make amazing deep learning final year projects ideas for final year students Final Year Projects for CSE to training and develop their deep learning experience and talents.
DeleteIEEE Final Year projects Project Centers in India are consistently sought after. Final Year Students Projects take a shot at them to improve their aptitudes, while specialists like the enjoyment in interfering with innovation.
corporate training in chennai corporate training in chennai
corporate training companies in india corporate training companies in india
corporate training companies in chennai corporate training companies in chennai
I have read your blog its very attractive and impressive. I like it your blog. Digital Marketing Company in Chennai Project Centers in Chennai
Angularjs Online Training
ReplyDeleteJavaScript Training Courses | Javascript Online Training | Angular 2 Online Training
JavaScript Online Training JavaScript Online Training JQuery Online Training JQuery Online Training
ReplyDeleteJavaScript Course | HTML5 Online Training
Fantastic blog you have here. You’ll discover me looking at your stuff often. Saved! website search engine marketing
ReplyDeleteCool ideas! This post was presented with huge knowledge. Thanks for the good job to share this with us. Keep updating.
ReplyDeleteExcel Training in Chennai
Excel Advanced course
Pega Training in Chennai
Linux Training in Chennai
Job Openings in Chennai
Tableau Training in Chennai
Unix Training in Chennai
Oracle Training in Chennai
Soft Skills Training in Chennai
JMeter Training in Chennai
Excel Training in OMR
This blog contains useful information. Thank you for deliverying this usfull blog..
ReplyDeleteSpoken English Classes in Bangalore
Spoken English Classes in Chennai
English Speaking Course in Bangalore
Best Spoken English Classes in Bangalore
Spoken English in Bangalore
Spoken English Classes in Marathahalli
AWS Training in Bangalore
Data Science Courses in Bangalore
DevOps Training in Bangalore
DOT NET Training in Bangalore
Amazing Post. keep update more information.
ReplyDeleteSelenium Training in Chennai
Selenium Training in Bangalore
Selenium Training in Coimbatore
Selenium Course in Bangalore
Best Selenium Training in Bangalore
Selenium training in marathahalli
Selenium training in Btm
Ethical Hacking Course in Bangalore
Tally Course in Chennai
Innovative blog thanks for sharing this inforamation.
ReplyDeleteGerman Classes in Chennai
german classes
Best IELTS Coaching in Chennai
learn Japanese in Chennai
Best Spoken English Class in Chennai
TOEFL Coaching Centres in Chennai
content writing course in chennai
spanish coaching in chennai
German Classes in OMR
German Classes in Porur