Skip to main content

Devtools

Chrome updates

 https://developers.google.com/web/updates/2018/03/nic65

 Developer tools allows you to 

 https://developers.google.com/web/tools/chrome-devtools/console/console-reference?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3
  • Live edit html & stylesheets
  • Debug javascript
  • Optimize with profiler

  1. Elements

    Dig into the elements panel, learn how to make changes to the DOM and update styles.














  2. Sources

    New workflows to speed up your development time.

    Make changes to the file in source tab ,ctrl+s  ,right click on it open local modification 
    can revert 
    can apply different versions






  3. Console

    Review the DevTools console and learn how to examine exceptions and use timesaving shortcuts.

    https://developers.google.com/web/tools/chrome-devtools/console/console-reference?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3

    bling





  4. Debugging

    Great workflows for debugging problems in your JavaScript.


  5. Network

    1)Speed up your network interactions using the network tab and the page speed extension.

    2)Place css above js
    3) remove  404  requests
    4) use png 
    5)scale down images to be of right size






  6. Profiles

    Get familar with your applications rendering performance and learn how to use CPU profiling to identity performance problems.


  7. Memory

    Learn how to find and identify memory leaks in your application.



    LightHouse

    https://developers.google.com/web/tools/lighthouse/










Comments

Post a Comment

Popular posts from this blog

GraphQL

What is GraphQL  API Standard invented & open-sourced by Facebook Alternative to  REST API  enables declarative data fetching  exposes single endpoint & responds to queries How it works?  Why Graphql? Improvises performance by reducing the data that is to be transferred over the internet Variety of different frontend frameworks and platforms on client-side Fast development speed & expectation for rapid feature development Why Graphql is better than REST? Flexibility & efficient  No more over /under fetching of data Over fetching : Under fetching: Insightful analytics  Schema serves as contract between client and server CORE CONCEPTS : SDL :SCHEMA DEFINITION LANGUAGE Writing Data with mutations 3 kinds of mutations creating new data updating existing data deleting existing data
Post a Comment
Read more

The BattleGround

Last Sunday while zapping the channels of my idiot box I chanced upon to watch one of the greatest epic of our times –MAHABHARAT. It did’nt take me much time to recall the waves that it created across the nation- when it was telecasted for the first time.I was too young to comprehend it,yet I used to watch it with paramount interest,sitting next to dad & imitating his stimuli to what character speaks Later in my teens ,unlike most of my friends who used to enjoy watching top tens & horror shows , I was inundated to discover that zee was going to re telecast Mahabharat .This time, I was grown up enough to understand it,so I religiously watched all the episodes with same interest. Watching such an epic in formative years has great influence on one’s approach towards life .Today to me ,Mahabharat isn’t just another epic but it is a thinking process, where the mind is the battleground, THE KURUSHETRA ,where all kind of thoughts hover, the state of mind that we...
6 comments
Read more

J2EE Design Patterns

Creational Design Pattern Creational:  Singleton when to use : Used in Logging, Cache, Session, Drivers  Creational:  Factory  When to use : Implementation : Factory chooses the objects, DAO, Abstract DAO factory  Creational: builder     Defines essiential parameter in constructor & optional in setters & add build method .Call build method at the end. Creational: Prototype     Creational:AbstractFactory   Structural   improves  the structure of code Structural:  prototype  Clone method  Structural: proxy  Structural: Facade  Structural: Composite Design Pattern   Structural: Flyweight Design Pattern Structural: Adapter   Structural: Bridge  Behavioural Behavioural:template  Subclass defines behvaiour , order of exectution can be defined in superclass     Behavioural:Observer  Subclass defines behvaiour , order of exectution can be defined in ...
Post a Comment
Read more